KOKINIO - MANAGER
Edit File: Cliente.blade.php
<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> <section class="content-header"> <h1> Clientes <small>Control de Clientes</small> </h1> <ol class="breadcrumb"> <li><a href="#"><i class="fa fa-sitemap"></i> Inicio</a></li> <li class="active">Clientes</li> </ol> </section> <section class="content"> @if(App\Helper::getRol() == \Auth::user()->rol_id || App\Helper::getRolOp() == \Auth::user()->rol_id) <div class="row"> <div class="col-md-12 col-xs-12"> <div class="box box-danger"> <div class="box-header"> <h3 class="box-title">Busqueda Avanzada</h3> </div> <div class="box-body"> <div class="form-group col-md-6"> <input type="hidden" id="token" name="_token" value="{{ csrf_token()}}"/> <label class="control-label" for="cliente-busqueda">Cliente : </label> <select id="cliente-busqueda" class="form-control select2" style="width: 100%;" tabindex="-1" aria-hidden="true"> {{-- <option value=""></option> --}} {{-- @if(isset($clientes_found)) @foreach($clientes_found as $key => $value) <option id="{{ $value->id }}" value="{{ $value->id }}">{{ $value->registro." ".$value->nombre." ".$value->ape_p." ".$value->ape_m }}</option> @endforeach @endif --}} </select> </div> <div class="form-group col-md-2"> <br> <button onclick="Cliente.busqueda(this)" class="btn btn-success">Busqueda</button> </div> </div> </div> </div> </div> @endif <div class="row"> <div class="col-md-12 col-xs-12"> <div class="box box-danger"> <input type="hidden" id="token" name="_token" value="{{ csrf_token()}}"/> <div class="panel filterable block full table-responsive"> <div class="box-header"> <h3 class="box-title">Clientes Activos</h3> @if(App\Helper::getRol() == \Auth::user()->rol_id || App\Helper::getRolOp() == \Auth::user()->rol_id) <div class="box-tools pull-right"> <div class="btn-group"> <button onclick="Cliente.refreshClientes(this)" data-year="" data-month="" id="refresh_clientes" class="btn btn-default btn-sm btn-refresh"><span class="glyphicon glyphicon-refresh"></span> Actualizar Clientes</button> <button onclick="Cliente.tableFilter(this)" id="filter" class="btn btn-default btn-sm btn-filter"><span class="glyphicon glyphicon-filter"></span> Filter</button> <button type="button" onclick="Cliente.add(this)" class="btn btn-sm btn-primary">Agregar Clientes <i class="fa fa-plus"></i></button> <div id="loading" style="width:50px; height: 50px"> <img id="gif_loading" style="width:25px;display:none;" src='{{ URL::To('/')."/img/Loading_2.gif" }}' /> </div> </div> </div> @endif </div> <!-- /.box-header --> <div class="box-body table-responsive no-padding"> @if($pagination > 1) <nav aria-label="Page navigation"> <ul class="pagination"> <li> <a href="#" aria-label="Previous"> <span aria-hidden="true">«</span> </a> </li> @for($i = 1; $i<= $pagination; $i++) <li><a onclick="Cliente.pagination({{ $i }})">{{ $i }}</a></li> @endfor <li> <a href="#" aria-label="Next"> <span aria-hidden="true">»</span> </a> </li> </ul> </nav> @endif <table id="clientes" class="table table-hover table-responsive"> <thead> <tr class="filters"> <th class="text-center"><input type="text" class="form-control text-center" placeholder="Registro" disabled /></th> <th class="text-center"><input type="text" class="form-control text-center" placeholder="Nombre" disabled /></th> <th class="text-center"><input type="text" class="form-control text-center" placeholder="Telefono" disabled /></th> <th class="text-center"><input type="text" class="form-control text-center" placeholder="Patrocinador" disabled /></th> <th class="text-center"><input type="text" class="form-control text-center" placeholder="Perfil" disabled /></th> <th class="text-center"><input type="text" class="form-control text-center" placeholder="Nivel" disabled /></th> <th class="text-center"><input type="text" class="form-control text-center" placeholder="Pais" disabled /></th> <th class="text-center"><input type="text" class="form-control text-center" placeholder="Estado" disabled /></th> <th class="text-center">Miembro desde</th> @if(App\Helper::getRol() == \Auth::user()->rol_id) <th class="text-center"><input type="text" class="form-control text-center" placeholder="Creado por" disabled /></th> @endif <th class="text-center">Ver</th> <th class="text-center">Editar</th> @if(App\Helper::getRol() == \Auth::user()->rol_id) <th class="text-center" >Eliminar</th> @endif </tr> </thead> <tbody> @if(isset($clientes)) @foreach($clientes as $key => $value) <tr style="color: {{ ($value->active_id)? "black" : "gray" }}"> <td>{{ $value->registro }}</td> <td>{{ $value->nombre." ".$value->ape_p." ".$value->ape_m }}</td> <td>{{ "(".$value->lada.") ".$value->tel }}</td> <td>{{ $value->patrocinador." ".$value->patrocinador_p." ".$value->patrocinador_m }}</td> <td>{{ $value->rol }}</td> <td>{{ ($value->nivel)?'2' : '1' }}</td> <td>{{ $value->pais }}</td> <td>{{ $value->estado }}</td> <td>{{ $value->created_at }}</td> @if(App\Helper::getRol() == \Auth::user()->rol_id) <td>{{ $value->created_by }}</td> @endif <td><button data-id="{{ $value->id }}" onclick="Cliente.show(this)" class="btn btn-sm btn-primary"><span class="glyphicon glyphicon-eye-open"></span></button></td> <td><button data-id="{{ $value->id }}" onclick="Cliente.update(this)" class="btn btn-sm btn-warning"><span class="glyphicon glyphicon-pencil"></span></button></td> @if(App\Helper::getRol() == \Auth::user()->rol_id) <td><button data-id="{{ $value->id }}" onclick="Cliente.warning(this)" class="btn btn-sm btn-danger"><span class="glyphicon glyphicon-remove"></span></button></td> @endif </tr> @endforeach @endif </tbody> </table> </div> </div> <!-- /.box-body --> </div> <!-- /.box --> </div> </div> </section> <!-- Modal --> <div id="modal-cliente" 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">Agregar Cliente</h4> </div> <div class="modal-body"> <div class="row"> <input type="hidden" id="token" name="_token" value="{{ csrf_token()}}"/> @if(App\Helper::getRol() == \Auth::user()->rol_id || App\Helper::getRolOp() == \Auth::user()->rol_id) <div class="form-group col-md-6"> <label class="control-label" for="no_registro">No. Registro: </label><span class="text-red">*</span> <input class="form-control" type="text" id="no_registro" name="no_registro" placeholder="1010"/> </div> <div class="form-group col-md-6"> <label class="control-label" for="pass">Password: </label><span class="text-red">*</span> Desactivar Cambio <input id="pass-check" type="checkbox" class="control-label" value="true"/> <input class="form-control" type="password" id="pass" name="pass" placeholder="*********"/> </div> <div class="form-group col-md-12"> <label class="control-label" for="patrocinador">Patrocinador : </label> <select id="patrocinador" class="form-control select2" style="width: 100%;" tabindex="-1" aria-hidden="true"> <option value=""></option> {{-- @if(isset($clientes_found)) <option value="Null">Vacio</option> @foreach($clientes_found as $key => $value) <option value="{{ $value->id }}">{{ $value->registro." ".$value->nombre." ".$value->ape_p." ".$value->ape_m }}</option> @endforeach @endif --}} </select> </div> <div class="form-group col-md-6"> <label class="control-label" for="nombre">Nombre: </label><span class="text-red">*</span> <input class="form-control" type="text" id="nombre" name="nombre" placeholder="Maria"/> </div> <div class="form-group col-md-6"> <label class="control-label" for="ape_p">Apellido Paterno: </label> <input class="form-control" type="text" id="ape_p" name="ape_p" placeholder="Garcia"/> </div> <div class="form-group col-md-6"> <label class="control-label" for="ape_m">Apellido Materno: </label> <input class="form-control" type="text" id="ape_m" name="ape_m" placeholder="Perez"/> </div> <div class="form-group col-md-6"> <label class="control-label" for="ine">INE: </label> <input class="form-control" type="text" id="ine" name="ine" placeholder="GAP1232FE2432"/> </div> <div class="form-group col-md-6"> <label class="control-label" for="rfc">RFC: </label> <input class="form-control" type="text" id="rfc" name="rfc" placeholder="GAP1232FE2432"/> </div> <div class="form-group col-md-6"> <label class="control-label" for="sexo">Sexo: </label> <select id="sexo" name="sexo" class="form-control"> <option value="">Selecciona</option> <option value="M">Masculino</option> <option value="F">Femenino</option> </select> </div> <div class="form-group col-md-6"> <label class="control-label" for="fecha_nac">Fecha de Nacimiento: </label> <div class="input-group date"> <div class="input-group-addon"> <i class="fa fa-calendar"></i> </div> <input type="text" class="form-control pull-right" id="fecha_nac"/> </div> </div> <div class="form-group col-md-6"> <label class="control-label" for="edo_civil">Edo. Civil: </label> <select class="form-control" id="edo_civil" name="edo_civil"> <option value="">Selecciona</option> <option value="S">Soltero</option> <option value="C">Casado</option> <option value="O">Otro</option> </select> </div> <div class="form-group col-md-6"> <label class="control-label" for="profesion">Profesión: </label> <input class="form-control" type="text" id="profesion" name="profesion" placeholder="Lic. en derecho"/> </div> <div class="form-group col-md-6"> <label class="control-label" for="calle">Calle: </label> <input class="form-control" type="text" id="calle" name="calle" placeholder="Av Chapultepec"/> </div> <div class="form-group col-md-6"> <label class="control-label" for="no_casa">No.: </label> <input class="form-control" type="text" id="no_casa" name="no_casa" placeholder="1872"/> </div> <div class="form-group col-md-6"> <label class="control-label" for="noi_casa">No. Int: </label> <input class="form-control" type="text" id="noi_casa" name="noi_casa" placeholder="3A"/> </div> <div class="form-group col-md-6"> <label class="control-label" for="colonia">Colonia: </label> <input class="form-control" type="text" id="colonia" name="colonia" placeholder="La Americana"/> </div> <div class="form-group col-md-6"> <label class="control-label" for="delegacion">Delegación: </label> <input class="form-control" type="text" id="delegacion" name="delegacion" placeholder="Guadalajara"/> </div> <div class="form-group col-md-6"> <label class="control-label" for="cp">C.P.: </label> <input class="form-control" type="text" id="cp" name="cp" placeholder="44700"/> </div> <div class="form-group col-md-6"> <label class="control-label" for="pais">Pais: </label><span class="text-red">*</span> </select> <select id="pais" class="form-control" style="width: 100%;" onchange="Cliente.pais(this)"> <option value="" >Selecciona</option> 2ion value="">Selecciona</option> @if(isset($paises)) @foreach($paises as $key => $pais) <option value="{{ $pais->id }}">{{ $pais->pais }}</option> @endforeach @endif </select> </div> <div class="form-group col-md-6"> <label class="control-label" for="edo">Estado: </label><span class="text-red">*</span> </select> <select id="edo" class="form-control select2" style="width: 100%;" tabindex="-1" aria-hidden="true"> <option value=""></option> @if(isset($estados)) <option value="Null">Vacio</option> @foreach($estados as $key => $estado) <option value="{{ $estado->id }}">{{ $estado->estado }}</option> @endforeach @endif </select> </div> <div class="form-group col-md-2"> <label class="control-label" for="lada">Lada: </label> <input class="form-control" type="number" id="lada" maxlength="3" name="lada" placeholder="044"/> </div> <div class="form-group col-md-5"> <label class="control-label" for="tel">Tel.: </label> <input class="form-control" type="number" id="tel" name="tel" placeholder="3311986543" maxlength="14"/> </div> <div class="form-group col-md-5"> <label class="control-label" for="whats">WhatsApp: </label> <input class="form-control" type="text" id="whats" name="whats" placeholder="3311986543"/> </div> <div class="form-group col-md-6"> <label class="control-label" for="email">Email: </label> <input class="form-control" type="email" id="email" name="email" placeholder="maria@gmail.com"/> </div> <div class="form-group col-md-6"> <label class="control-label" for="rol">Rol: </label><span class="text-red">*</span> <select class="form-control" id="rol" name="rol"> <option value="">Selecciona</option> @if(isset($roles)) @foreach($roles as $rol) @if($rol->rol === "Administrador" ) @if(App\Helper::getRol() == \Auth::user()->rol_id) <option value="{{ $rol->id }}">{{ $rol->rol }}</option> @endif @else <option value="{{ $rol->id }}">{{ $rol->rol }}</option> @endif @endforeach @endif </select> </div> @else <div class="form-group col-md-6"> <label class="control-label" for="pass">Password: </label><span class="text-red">*</span> <input class="form-control" type="password" id="pass" name="pass" placeholder="*********"/> </div> @endif </div> </div> <div class="modal-footer"> @if(App\Helper::getRol() == \Auth::user()->rol_id || App\Helper::getRolOp() == \Auth::user()->rol_id) <button id="btn-update" onclick="Cliente.guardar(this)" data-id="0" type="button" class="btn btn-success">Guardar</button> @else <button id="btn-update" onclick="Cliente.change_pass(this)" data-id="0" type="button" class="btn btn-success">Guardar</button> @endif <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button> </div> </div> </div> </div> <!-- Modal --> <div id="modal-cliente-ver" 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">Cliente </h4> </div> <div class="modal-body"> <div class="row"> <div class="form-group col-md-6"> <label class="control-label" for="registro">Registro: </label><span id="no_registro_span"></span> </div> <div class="form-group col-md-6"> <label class="control-label" for="patrocinador">Patrocinador: </label><span id="patrocinador_span"></span> </div> <div class="form-group col-md-6"> <label class="control-label" for="nombre">Nombre: </label><span id="nombre_span"></span> </div> <div class="form-group col-md-6"> <label class="control-label" for="apellidos">Apellidos: </label><span id="apellidos_span"></span> </div> <div class="form-group col-md-6"> <label class="control-label" for="ine">INE: </label><span id="ine_span"></span> </div> <div class="form-group col-md-6"> <label class="control-label" for="rfc">RFC: </label><span id="rfc_span"></span> </div> <div class="form-group col-md-6"> <label class="control-label" for="sexo">Sexo: </label><span id="sexo_span"></span> </div> <div class="form-group col-md-6"> <label class="control-label" for="costo">Fecha de Nacimiento: </label><span id="fecha_nac_span"></span> </div> <div class="form-group col-md-6"> <label class="control-label" for="costo">Estado Civil: </label><span id="edo_civil_span"></span> </div> <div class="form-group col-md-6"> <label class="control-label" for="costo">Profesión: </label><span id="profesion_span"></span> </div> <div class="form-group col-md-6"> <label class="control-label" for="costo">Calle: </label><span id="calle_span"></span> </div> <div class="form-group col-md-6"> <label class="control-label" for="costo">Numero: </label><span id="numero_span"></span> </div> <div class="form-group col-md-6"> <label class="control-label" for="costo">Numero Interior: </label><span id="numero_int_span"></span> </div> <div class="form-group col-md-6"> <label class="control-label" for="costo">Colonia: </label><span id="colonia_span"></span> </div> <div class="form-group col-md-6"> <label class="control-label" for="costo">Delegación: </label><span id="delegacion_span"></span> </div> <div class="form-group col-md-6"> <label class="control-label" for="costo">C.P.: </label><span id="cp_span"></span> </div> <div class="form-group col-md-6"> <label class="control-label" for="pais">Pais: </label><span id="pais_span"></span> </div> <div class="form-group col-md-6"> <label class="control-label" for="costo">Estado: </label><span id="edo_span"></span> </div> <div class="form-group col-md-6"> <label class="control-label" for="costo">Lada: </label><span id="lada_span"></span> </div> <div class="form-group col-md-6"> <label class="control-label" for="costo">Tel: </label><span id="tel_span"></span> </div> <div class="form-group col-md-6"> <label class="control-label" for="costo">Email: </label><span id="email_span"></span> </div> <div class="form-group col-md-6"> <label class="control-label" for="costo">WhatsApp: </label><span id="whats_span"></span> </div> <div class="form-group col-md-6"> <label class="control-label" for="costo">Rol: </label><span id="rol_span"></span> </div> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button> </div> </div> </div> </div> <!-- <script src="{{ URL::To('/').'/bower_components/jquery/dist/jquery.min.js' }}"></script> --> <script src="{{ URL::To('/').'/js/Catalogos/cliente.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>