foca-abm-vehiculos-listado.html 2.43 KB
<div class="col-12">
    <h4>Vehiculos</h4>
    <div class="col-4 form-group input-group">
        <input
            class="form-control form-control-sm"
            ng-model="filtros"
            placeholder="Transportista"
        />
        <div class="input-group-append">
            <button
                class="btn btn-outline-secondary form-control-sm"
                ng-click="seleccionarTransportista()"
            ><i class="fa fa-search" aria-hidden="true"></i></button>
        </div>
    </div>
    <!-- <div class="col-6 form-group">
        <input
            type="text"
            teclado-virtual
            class="form-control form-control-sm"
            placeholder="Búsqueda"
            ng-model="filtros"
        />
    </div> -->
    <table class="table table-sm table-striped table-dark">
        <thead>
            <tr>
                <th>Código</th>
                <th>Tractor</th>
                <th>Semi</th>
                <th>Capacidad</th>
                <th>Cisternado</th>
                <th class="text-center">
                    <button
                        ng-disabled="!idTransportista"
                        class="btn btn-default boton-accion"
                        ng-click="editar(0)"
                    ><i class="fa fa-plus"></i>
                    </button>
                </th>
            </tr>
        </thead>
        <tbody>
            <tr ng-repeat="vehiculo in vehiculos | filter:filtros">
                <td ng-bind="vehiculo.id"></td>
                <td ng-bind="vehiculo.tractor"></td>
                <td ng-bind="vehiculo.semi"></td>
                <td ng-bind="vehiculo.capacidad"></td>
                <td ng-bind="vehiculo.cisternado"></td>
                <td class="text-center">
                    <button
                        class="btn btn-default boton-accion"
                        ng-click="editar(vehiculo.id)"
                    >
                        <i class="fa fa-pencil"></i>
                    </button>
                    <button
                        class="btn btn-default boton-accion"
                        ng-click="solicitarConfirmacion(vehiculo)"
                    >
                        <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>