foca-abm-choferes-listado.html 1.87 KB
<div class="col-12 pt-4">
    <h4>Choferes</h4>
    <div class="form-group">
        <input
            type="text"
            class="form-control form-control-sm"
            placeholder="Búsqueda"
            ng-model="filtros"
            teclado-virtual
        />
    </div>
    <table class="table table-sm table-striped table-dark">
        <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 choferesFiltrados | filter:filtros">
                <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>
    <a href="#!/" title="Salir" 
        class="btn btn-secondary btn-block float-right col-md-2"
    >
        Salir
    </a>
</div>