foca-logistica-pedido-ruta.html 6.55 KB
<div class="foca-logistica-pedido-ruta" id="scope">
    <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-logistica
                latitud="-32.89214159952345"
                longitud="-68.84572999101856"
                zoom="14"
                marcadores="marcadores"
                parametros= "datosBuscados"
            />
        </div>
        <div class="col-2 pl-0">
            <strong>Filtros: </strong>
            <br>
            <span>Fecha Desde</span>
            <input
                type="text"
                readonly
                ng-model="fechaDesde"
                class="form-control form-control-sm"
                uib-datepicker-popup="dd/MM/yyyy"
                show-button-bar="false"
                is-open="fechaDesdeOpen"
                on-open-focus="false"
                ng-focus="fechaDesdeOpen = true"
                ng-change="search()"
            />
            <span>Fecha Hasta</span>
            <input
                type="text"
                readonly
                ng-model="fechaHasta"
                class="form-control form-control-sm"
                uib-datepicker-popup="dd/MM/yyyy"
                show-button-bar="false"
                is-open="fechaHastaOpen"
                on-open-focus="false"
                ng-focus="fechaHastaOpen = true"
                ng-change="search()"
            />
            <!-- TODO: descomentar cuando se quite definitivamente -->
            <!-- <button 
                type="button" 
                ng-class="{'active': idVendedor == 0}"
                class="btn col-12 my-1" 
                ng-click="general()"
            >General</button>
            <button
                type="button" 
                ng-class="{'active': idVendedor != 0}"
                class="btn col-12 my-1" 
                ng-click="individual()"
            >Individual</button>
            <div class="form-group" ng-show="idVendedor == -1">
                <input 
                    type="text"
                    placeholder="Vendedor"
                    class="form-control"
                    ng-model="idVendedorInput"
                    ng-keypress="search($event.keyCode)"
                    foca-focus="idVendedor == -1"
                >
            </div> -->
            <div class="custom-control custom-radio">
                <input
                    type="radio"
                    class="custom-control-input"
                    id="idTodos"
                    name="filtro"
                    ng-model="filtroEstado"
                    ng-change="search()"
                    checked>
                <label class="custom-control-label pb-3" for="idTodos"></label>
                <img src="img/marker-icon-grey.png">
                <strong>Todos</strong>
            </div>
            <div class="custom-control custom-radio">
                <input
                    type="radio"
                    class="custom-control-input"
                    id="idSinAsignar"
                    name="filtro"
                    ng-model="filtroEstado"
                    ng-change="search()"
                    ng-value="false">
                <label class="custom-control-label pb-3" for="idSinAsignar"></label>
                <img src="img/marker-icon-green.png">
                <strong>Sin asignar</strong>
            </div>
            <div class="custom-control custom-radio">
                <input
                    type="radio"
                    class="custom-control-input"
                    id="idAsignado"
                    name="filtro"
                    ng-model="filtroEstado"
                    ng-change="search()"
                    ng-value="true">
                <label class="custom-control-label pb-3" for="idAsignado"></label>
                <img src="img/marker-icon-red.png">
                <strong>Asignado</strong>
            </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" 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 ml-2">
                        <div class="col-3 position-absolute">
                            <img
                                src="img/hojaRutaVolante.png"
                                width="100%">
                        </div>
                        <div class="col-3" 
                            uib-tooltip="Confeccionar hoja de ruta"
                            ng-click="hacerHojaRuta(vehiculo)"></div>
                        <div class="col-3">
                            <i
                                class="fa fa-eye fa-2x"
                                uib-tooltip="Ver cisternas"
                                ng-click="cargar(vehiculo.id, -1)">
                            </i>
                        </div>
                        <div class="col-3 ml-2">
                            <i
                                class="fa fa-trash fa-2x"
                                uib-tooltip="Eliminar vehiculo"
                                ng-click="quitarVehiculo(vehiculo)"></i>
                        </div>
                    </div>
                    <div
                        class="ml-1 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>