foca-logistica-pedido-ruta.html 5.88 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 position-relative">
        <div class="col-10">
            <foca-botonera-facturador botones="botonera" max="6" class="row"></foca-botonera-facturador>
        </div>
        <div class="col-2 pl-0 position-absolute right-0">
            <strong>Ver Remitos</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()"
            />
            <div class="custom-control custom-radio pt-4">
                <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>
    <div class="row px-5">
        <div class="col-10">
            <foca-logistica
                latitud="-34.7152975"
                longitud="-65.9053867"
                zoom="5"
                marcadores="marcadores"
                parametros= "datosBuscados"
            />
        </div>
        <div class="col-12 p-0">
            <div class="py-2 row">
                <div class="col-sm-3" ng-repeat="vehiculo in vehiculos">
                    <div 
                        style="width: 15rem;" 
                        class="card bg-secondary text-white m-2">
                        <div class="card-body text-center">
                            <p class="card-text">{{vehiculo.transportista.NOM.trim()}}</p>
                            <p class="card-text"></p>
                            <p class="card-text">{{vehiculo.codigo}}</p>
                        </div>
                        <div class="card-footer" ng-hide="arrastrando">
                            <div class="row justify-content-around">
                                <div class="col-3 ml-2">
                                    <i
                                        class="fa fa-trash fa-2x"
                                        uib-tooltip="Eliminar vehiculo"
                                        ng-click="quitarVehiculo(vehiculo)">
                                    </i>
                                </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">
                                    <i
                                        class="fa fa-save fa-2x"
                                        uib-tooltip="Confirmar distribuición"
                                        ng-click="hacerHojaRuta(vehiculo)">
                                    </i>
                                </div>
                            </div>
                        </div>
                        <div class="card-footer text-center" ng-show="arrastrando">
                            <button 
                                class="btn flashit btn-block btn-dashed text-dark" 
                                id="{{vehiculo.id}}"
                                ondrop="drop(event)"
                                ondragover="allowDrop(event)">
                                Arrastrar aquí
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>