foca-abm-vehiculos-item.html 5.23 KB
<div class="row">
    <foca-cabecera-facturador 
    titulo="'Vehículo'"
    fecha="now"
    class="mb-0 col-lg-12"
    ></foca-cabecera-facturador>
</div>
<div class="row">
    <div class="col-12 col-md-10 p-0 mt-4 border border-white rounded">
        <form name="formVehiculo" class="px-3">
            <input type="hidden" name="id" ng-model="sector.id" />
            <div class="row mt-3">
                <div class="form-group d-flex mb-2 col-md-6">
                    <label class="col-form-label col-md-4">Unidad</label>
                    <div class="input-group col-md-8 pl-0">
                        <input
                            class="form-control"
                            type="text"
                            teclado-virtual
                            ng-model="vehiculo.codigo"
                            foca-focus="focused == 1"
                            ng-focus="focused = 1"
                            ng-keypress="next($event.keyCode)"
                            ng-disabled="!nuevo"
                        />
                    </div>
                </div>
                <div class="form-group d-flex mb-2 col-md-6">
                    <label class="col-form-label col-md-4">Dominio tractor</label>
                    <div class="input-group col-md-8 pl-0">
                        <input
                            class="form-control"
                            type="text"
                            teclado-virtual
                            ng-model="vehiculo.tractor"
                            ng-required="true"
                            foca-focus="focused == 2"
                            ng-focus="focused = 2"
                            ng-keypress="next($event.keyCode)"
                        />
                    </div>
                </div>
                <div class="form-group d-flex mb-2 col-md-6">
                    <label class="col-form-label col-md-4">Dominio semi</label>
                    <div class="input-group col-md-8 pl-0">
                        <input
                            class="form-control"
                            type="text"
                            teclado-virtual
                            ng-model="vehiculo.semi"
                            ng-required="true"
                            foca-focus="focused == 3"
                            ng-focus="focused = 3"
                            ng-keypress="next($event.keyCode)"
                        />
                    </div>
                </div>
                <div class="form-group d-flex mb-2 col-md-6">
                    <label class="col-form-label col-md-4">Capacidad total</label>
                    <div class="input-group col-md-8 pl-0">
                        <input
                            class="form-control"
                            type="text"
                            teclado-virtual
                            ng-model="vehiculo.capacidad"
                            ng-required="true"
                            foca-focus="focused == 4"
                            ng-focus="focused = 4"
                            ng-keypress="guardar($event.keyCode)"
                        />
                    </div>
                </div>
            </div>
        </form>
        <div ng-show="!nuevo">
            <h5 class="pl-4 table-title">Cisternas</h5>
            <table class="table table-default table-hover table-sm table-abm table-striped mb-0">
                <thead>
                    <tr>
                        <th class="px-5">Código</th>
                        <th class="text-right px-5">Capacidad</th>
                        <th class="text-center px-4">
                            <button 
                                class="btn btn-outline-debo boton-accion"
                                title="Agregar"
                                ng-click="editar(-1)">
                                <i class="fa fa-plus"></i>
                            </button>
                        </th>
                    </tr>
                </thead>
                <tbody>
                    <tr ng-repeat="(key, cisterna) in cisternas | filter:filtros"
                        ng-show="!cisterna.desactivado">
                        <td ng-bind="cisterna.codigo" class="px-5"></td>
                        <td ng-bind="cisterna.capacidad + ' ' + cisterna.unidadMedida.NOM" class="text-right px-5"></td>
                        <td class="text-center px-4">
                            <button
                                class="btn btn-outline-dark boton-accion"
                                title="Editar"
                                ng-click="editar(key)"
                            >
                                <i class="fa fa-pencil"></i>
                            </button>
                            <button
                                class="btn btn-outline-dark boton-accion"
                                title="Eliminar"
                                ng-click="solicitarConfirmacionCisterna(cisterna, key)"
                            >
                                <i class="fa fa-trash"></i>
                            </button>
                        </td>
                    </tr>
                </body>
            </table>
        </div>
    </div>
</div>