foca-abm-choferes-listado.html 2.65 KB
<div class="row">
    <div class="col-12 col-md-10 pt-4 pr-4 pl-4">
        <h4 class="mb-4">Choferes</h4>
        <div class="form-group input-group">
            <input
                type="text"
                class="form-control form-control-sm"
                id="search"
                placeholder="Búsqueda"
                ng-model="filters"
                teclado-virtual
                ng-keypress="busquedaPress($event.keyCode)"
            />
            <div class="input-group-append">
                <button
                    ladda="searchLoading"
                    class="btn btn-outline-secondary"
                    type="button"
                    ng-click="busquedaPress(13)"
                >
                    <i class="fa fa-search" aria-hidden="true"></i>
                </button>
            </div>
        </div>
        <table class="table table-sm table-striped table-dark mb-0">
            <thead>
                <tr>
                    <th>Código</th>
                    <th>Nombre</th>
                    <th>DNI</th>
                    <th>Teléfono</th>
                    <th>Transportista</th>
                    <th class="text-center">
                        <button class="btn btn-default boton-accion" ng-click="editar(0)">
                            <i class="fa fa-plus"></i>
                        </button>
                    </th>
                </tr>
            </thead>
            <tbody>
                <tr ng-repeat="chofer in choferes | filter:filters">
                    <td ng-bind="chofer.id"></td>
                    <td ng-bind="chofer.nombre"></td>
                    <td ng-bind="chofer.dni"></td>
                    <td ng-bind="chofer.telefono"></td>
                    <td ng-bind="chofer.transportista.NOM || 'No tiene'"></td>
                    <td class="text-center">
                        <button
                            class="btn btn-default boton-accion"
                            ng-click="editar(chofer.id)"
                        >
                            <i class="fa fa-pencil"></i>
                        </button>
                        <button
                            class="btn btn-default boton-accion"
                            ng-click="solicitarConfirmacion(chofer)"
                        >
                            <i class="fa fa-trash"></i>
                        </button>
                    </td>
                </tr>
            </body>
        </table>
       
    </div>
    <div class="col-md-2 d-flex align-items-end">
        <a href="#!/" title="Salir" 
        class="btn btn-secondary btn-block float-right"
    >
        Salir
    </a>
    </div>
</div>