foca-logistica-pedido-ruta.html 3.73 KB
<div class="foca-logistica-pedido-ruta" id="test">
    <div class="row">
        <foca-cabecera-facturador 
        titulo="titulo"
        fecha="now"
        class="mb-0 col-lg-12"
        ></foca-cabecera-facturador>
    </div>
    <div class="row px-5 py-2 botonera-secundaria">
        <div class="col-12">
            <foca-botonera-facturador botones="botonera" extra="5" class="row"></foca-botonera-facturador>
        </div>
    </div>
    <div class="row">
        <div class="offset-1 col-9">
            <foca
                latitud="-32.89214159952345"
                longitud="-68.84572999101856"
                zoom="14"
                marcadores="marcadores"
                parametros= "datosBuscados"
            />
        </div>
        <div class="col-2 pl-0">
            <input
                type="date"
                ng-model="now"
                class="btn col-12 my-1"
                foca-focus="true"
                ng-blur="fecha()"
                hasta-hoy
            />
            <button 
                type="button" 
                ng-class="{'active': idUsuario == 0}"
                class="btn col-12 my-1" 
                ng-click="general()"
            >General</button>
            <button
                type="button" 
                ng-class="{'active': idUsuario != 0}"
                class="btn col-12 my-1" 
                ng-click="individual()"
            >Individual</button>
            <div class="form-group" ng-show="idUsuario == -1">
                <input 
                    type="text"
                    placeholder="Vendedor"
                    class="form-control"
                    ng-model="idUsuarioInput"
                    ng-keypress="search($event.keyCode)"
                    foca-focus="idUsuario == -1"
                >
            </div>
        </div>
       <div class="row">
            <div
                class="container col-auto"
                ng-repeat="vehiculo in vehiculos"
                ng-click="mostrarDetalleVehiculo(vehiculo)"
            >
                <div>
                    <div class="col-md-3 col-sm-6">
                        <div class="progress-circle blue" ng-class="{'arrastrando': arrastrando}">
                            <span class="progress-left">
                                <span class="progress-bar"></span>
                            </span>
                            <span class="progress-right">
                                <span class="progress-bar"></span>
                            </span>
                            <div class="progress-value">{{vehiculo.codigo}}</div>
                        </div>                        
                    </div>
                    <div class="row">
                        <div class="text-left col-6">
                            <i
                                class="fa fa-info fa-2x"
                                uib-tooltip="Ver información del vehículo"
                                ng-click="informacionVehiculo(vehiculo)"></i>
                        </div>
                        <div class="text-right col-6">
                            <i
                                class="fa fa-trash fa-2x"
                                uib-tooltip="Eliminar vehiculo"
                                ng-click="quitarVehiculo(vehiculo)"></i>
                        </div>
                    </div>
                    <div
                        class="col-12 border border-dark text-center"
                        ng-show="arrastrando"
                        id="{{vehiculo.id}}"
                        ondrop="drop(event)"
                        ondragover="allowDrop(event)"
                    >Soltar acá</div>
                </div>
            </div>
        </div>
    </div>
</div>