Marcelo Puebla / foca-logistica-pedido-ruta

Browse Code »

Commit e9d59a290007f83a57079f059cb525a4bc48bad5

Authored by Nicolás Guarnieri 2019-01-30 17:24:34 -0300

2 parents 88a160b5b9 a43c925b19

Exists in master and in 1 other branch

Merge remote-tracking branch 'upstream/master'

Showing 8 changed files Show diff stats

gulpfile.js

Diff comments View file @ e9d59a2

 const templateCache = require('gulp-angular-templatecache');
 const clean         = require('gulp-clean');
 const concat        = require('gulp-concat');
 const htmlmin       = require('gulp-htmlmin');
 const rename        = require('gulp-rename');
 const uglify        = require('gulp-uglify');
 const gulp          = require('gulp');
 const pump          = require('pump');
 const jshint        = require('gulp-jshint');
 const replace       = require('gulp-replace');
 const connect       = require('gulp-connect');
 var paths = {
     srcJS:    'src/js/*.js',
     srcViews: 'src/views/*.html',
     tmp:      'tmp',
     dist:     'dist/'
 };
 gulp.task('templates', ['clean'], function() {
     return pump(
         [
             gulp.src(paths.srcViews),
             htmlmin(),
             templateCache('views.js', {
                 module: 'focaLogisticaPedidoRuta',
                 root: ''
             }),
             gulp.dest(paths.tmp)
         ]
     );
 });
 gulp.task('uglify', ['templates'], function() {
     return pump(
         [
             gulp.src([
                 paths.srcJS,
                 'tmp/views.js'
             ]),
             concat('foca-logistica-pedido-ruta.js'),
             replace('src/views/', ''),
             gulp.dest(paths.tmp),
             rename('foca-logistica-pedido-ruta.min.js'),
             uglify(),
-            replace('"ngRoute","ui.bootstrap"', ''),
             gulp.dest(paths.dist)
         ]
     );
 });
 gulp.task('clean', function(){
     return gulp.src(['tmp', 'dist'], {read: false})
     .pipe(clean());
 });
 gulp.task('pre-commit', function() {
     return pump(
         [
             gulp.src(paths.srcJS),
             jshint('.jshintrc'),
             jshint.reporter('default'),
             jshint.reporter('fail')
         ]
     );
     gulp.start('uglify');
 });
 gulp.task('webserver', function() {
     pump [
         connect.server({port: 3300, host: '0.0.0.0'})
     ]
 });
 gulp.task('clean-post-install', function() {
     return gulp.src(['src', 'tmp', '.jshintrc','readme.md', '.gitignore', 'gulpfile.js',
                      'index.html'], {read: false})
     .pipe(clean());
 });
 gulp.task('default', ['webserver']);
 gulp.task('watch', function() {
     gulp.watch([paths.srcJS, paths.srcViews], ['uglify']);
 });

src/js/app.js

Diff comments View file @ e9d59a2

1	angular.module('focaLogisticaPedidoRuta', [	1	angular.module('focaLogisticaPedidoRuta', []);
2	'ngRoute',
3	'ui.bootstrap'
4	]);
5		2

src/js/controller.js

Diff comments View file @ e9d59a2

 angular.module('focaLogisticaPedidoRuta') .controller('focaLogisticaPedidoRutaController', [
     '$scope', 'focaLogisticaPedidoRutaService', '$location', '$uibModal', '$filter',
         'focaModalService', 'focaBotoneraLateralService', '$interval',
     function($scope, focaLogisticaPedidoRutaService, $location, $uibModal, $filter,
         focaModalService, focaBotoneraLateralService, $interval
     ) {
         $scope.actividad = 'Logistica';
         //Datos Pantalla
         $scope.titulo = 'Logistica de Pedidos';
         var transportista = {
             label: 'Vehículo',
             image: 'abmChofer.png'
         };
         var fecha = {
             label: 'Fecha Reparto',
             image: 'fechaDeReparto.png'
         };
         $scope.botonera = [fecha, transportista];
         var cabecera = '';
         $scope.now = new Date();
         $scope.idVendedor = 0;
         $scope.marcadores = [];
         $scope.vehiculos = [];
         getSeguimiento();
         $scope.arrastrando = false;
         $scope.general = function() {
             $scope.idVendedor = 0;
             getSeguimiento();
         };
         //SETEO BOTONERA LATERAL
         focaBotoneraLateralService.showSalir(true);
         focaBotoneraLateralService.showPausar(false);
         focaBotoneraLateralService.showGuardar(false);
         $scope.general = function() {
             $scope.idVendedor = 0;
             getSeguimiento();
             $scope.$broadcast('removeCabecera', cabecera);
             $scope.$broadcast('addCabecera', {
                 label: 'General',
                 valor: ''
             });
         };
         $scope.cargar = function(idVehiculo, punto) {
             if(!eligioFecha()) return;
             var idRemito;
             if(punto === -1) {
                 idRemito = -1;
             }else {
                 idRemito = JSON.parse(punto).notaPedido.remito.id;
             }
             var modalInstance = $uibModal.open(
                 {
                     ariaLabelledBy: 'Busqueda de Vehiculo',
                     templateUrl: 'foca-detalle-vehiculo.html',
                     controller: 'focaDetalleVehiculo',
                     size: 'lg',
                     resolve: {
                         idVehiculo: function() {return idVehiculo;},
                         idRemito: function() {return idRemito;},
                         fechaReparto: function() {return $scope.fechaReparto;}
                     }
                 }
             );
             modalInstance.result.then(function() {
             }, function() {
             });
         };
         $scope.quitarVehiculo = function(vehiculo) {
             if(!eligioFecha() || vehiculoEnUso(vehiculo)) return;
             focaModalService.confirm('Esta seguro que desea eliminar el vehículo ' +
                 vehiculo.codigo + ' de ' + vehiculo.transportista.NOM + '?').then(function() {
                     eliminarVehiculo(vehiculo);
                 });
         };
         $scope.hacerHojaRuta = function(vehiculo, cerrar) {
             if(!eligioFecha() || vehiculoEnUso(vehiculo)) return;
             var modalInstance = $uibModal.open(
                 {
                     ariaLabelledBy: 'Creación hoja ruta',
                     templateUrl: 'foca-modal-cerrar-vehiculo.html',
                     controller: 'focaModalCerrarVehiculo',
                     size: 'lg',
                     resolve: {
                         idVehiculo: function() {return vehiculo.id;},
                         fechaReparto: function() {return $scope.fechaReparto;},
                         cerrar: function() {return cerrar;}
                     }
                 }
             );
             modalInstance.result.then(function() {
             }, function() {
                 //usar cuando se cancela el modal
             });
         };
         $scope.arrastra = function() {
             $scope.arrastrando = true;
             $scope.$digest();
         };
         $scope.noArrastra = function() {
             $scope.arrastrando = false;
             $scope.$digest();
         };
         $scope.individual = function() {
             $scope.idVendedor = -1;
         };
         $scope.mostrarDetalle = function() {
             $scope.detalle = true;
         };
         $scope.salir = function() {
             $location.path('/');
         };
         $scope.search = function() {
             getSeguimiento();
         };
         $scope.fecha = function() {
             getSeguimiento();
         };
         $scope.seleccionarVehículo = function() {
             var modalInstance = $uibModal.open(
                 {
                     ariaLabelledBy: 'Busqueda de Transportista',
                     templateUrl: 'modal-proveedor.html',
                     controller: 'focaModalProveedorCtrl',
                     size: 'lg',
                     resolve: {
                         transportista: function() {
                             return true;
                         }
                     }
                 }
             );
             modalInstance.result.then(function(transportista) {
-                $scope.selectVehiculo(transportista.COD);
+                $scope.selectVehiculo(transportista.COD, transportista.NOM);
             });
         };
-        $scope.selectVehiculo = function(idTransportista) {
+        $scope.selectVehiculo = function(idTransportista, nombreTransportista) {
-            var query = '/vehiculo/transportista/' + idTransportista;
+            var parametrosModal = {
-            var columnas = {
+                columnas: {
-                nombre: ['Código', 'tractor', 'Semi', 'Capacidad'],
+                    nombre: ['Código', 'tractor', 'Semi', 'Capacidad'],
-                propiedad: ['codigo', 'tractor', 'semi', 'capacidadTotalCisternas']
+                    propiedad: ['codigo', 'tractor', 'semi', 'capacidadTotalCisternas']
+                },
+                query: '/vehiculo/transportista/' + idTransportista,
+                titulo: 'Búsqueda de vehiculos',
+                subTitulo: idTransportista + '-' + nombreTransportista
             };
-            var titulo = 'Búsqueda de vehiculos';
+            focaModalService.modal(parametrosModal).then(
-            focaModalService.modal(columnas, query, titulo).then(
                 function(vehiculo) {
                     var existe = $filter('filter')($scope.vehiculos, {id: vehiculo.id});
                     if(existe.length) {
                         focaModalService.alert('El vehiculo ya ha sido cargado');
                         return;
                     }
                     if(!vehiculo.cisternas.length) {
                         focaModalService.alert('El vehiculo no tiene cisternas');
                         return;
                     }
                     $scope.vehiculos.push(vehiculo);
                 }, function() {
                     // funcion ejecutada cuando se cancela el modal
                 });
         };
         $scope.seleccionarFechaReparto = function() {
             focaModalService.modalFecha('Fecha de reparto').then(function(fecha) {
                 $scope.$broadcast('addCabecera',{
                     label: 'Fecha:',
                     valor: fecha.toLocaleDateString()
                 });
                 $scope.fechaReparto = fecha;
                 focaLogisticaPedidoRutaService.setFechaReparto(fecha);
                 focaLogisticaPedidoRutaService.getUnidadesByFecha(fecha).then(function(res) {
                     $scope.vehiculos = res.data;
                 });
             });
         };
         function getSeguimiento() {
             var desde = new Date('1900/01/01');
             var hasta = new Date('2099/01/01');
             if($scope.fechaDesde) {
                 var fechaDesde = $scope.fechaDesde;
                 desde = new Date(new Date(fechaDesde.setHours(0)).setMinutes(0));
                 desde = new Date(desde);
             }
             if($scope.fechaHasta) {
                 var fechaHasta = $scope.fechaHasta;
                 hasta = new Date(new Date(fechaHasta.setHours(0)).setMinutes(0));
                 hasta = hasta.setDate(hasta.getDate() + 1);
                 hasta = new Date(hasta);
             }
             var datos = {
                 actividad: $scope.actividad,
                 idUsuario: $scope.idVendedor,
                 fechaDesde: desde,
                 fechaHasta: hasta,
                 asignacion: $scope.filtroEstado ? true : ($scope.filtroEstado !== undefined ?
                     false : undefined)
             };
             $scope.datosBuscados = {
                 actividad: $scope.actividad,
                 individual: $scope.idVendedor ? true : false
             };
             focaLogisticaPedidoRutaService.obtenerActividad(datos).then(function(datos) {
                 if(JSON.stringify(datos.data) !== JSON.stringify($scope.marcadores)) {
                     $scope.marcadores = datos.data;
                 }
             });
         }
         function eliminarVehiculo(vehiculo) {
-            focaLogisticaPedidoRutaService.getRemitos(vehiculo.id).then(function(res) {
+            focaLogisticaPedidoRutaService.getRemitosByIdVehiculo(vehiculo.id).then(function(res) {
-                if(!focaLogisticaPedidoRutaService.obtenerRemitosDeCarga(res.data).length) {
+                if(!res.data.length) {
                     $scope.vehiculos.splice($scope.vehiculos.indexOf(vehiculo), 1);
                 }else {
                     focaModalService.alert('No ha sido posible eliminar el vehiculo porque ' +
                         'tiene remitos asociados').then(function() {
                             $scope.hacerHojaRuta(vehiculo, true);
                         });
                 }
             });
         }
         function eligioFecha() {
             if(!$scope.fechaReparto) {
                 focaModalService.alert('Primero seleccione fecha de reparto');
                 return false;
             }
             return true;
         }
         function vehiculoEnUso(vehiculo) {
             var idUsuario = focaLogisticaPedidoRutaService.idUsuario;
             for(var i = 0; i < vehiculo.cisternas.length; i++) {
                 for(var j = 0; j < vehiculo.cisternas[i].cisternasCarga.length; j++) {
                     var cisternaCarga = vehiculo.cisternas[i].cisternasCarga[j];
                     if(cisternaCarga.fechaReparto.substring(0, 10) === $scope.fechaReparto
                         .toISOString().substring(0, 10) && cisternaCarga.idUsuarioProceso &&
                         cisternaCarga.idUsuarioProceso !== idUsuario)
                     {
                         focaModalService.alert('El vehículo está siendo usado por otro usuario');
                         return true;
                     }
                 }
             }
             return false;
         }
-        // TODO: descomentar en produccion
+        $interval(function() {
-        // $interval(function() {
+            getSeguimiento();
-        //     getSeguimiento();
+        }, 5000);
-        // }, 5000);
     }

src/js/controllerCerrarVehiculo.js

Diff comments View file @ e9d59a2

 angular.module('focaLogisticaPedidoRuta')
     .controller('focaModalCerrarVehiculo', [
         '$scope',
         '$uibModalInstance',
         '$uibModal',
         'focaLogisticaPedidoRutaService',
         'idVehiculo',
         'focaModalService',
         '$filter',
         'fechaReparto',
         'cerrar',
         function($scope, $uibModalInstance, $uibModal, focaLogisticaPedidoRutaService,
             idVehiculo, focaModalService, $filter, fechaReparto, cerrar) {
         $scope.cerrar = cerrar;
         $scope.vehiculo = {};
         $scope.remitos = [];
         $scope.now = fechaReparto;
         focaLogisticaPedidoRutaService.obtenerVehiculoById(idVehiculo).then(function(res) {
             $scope.vehiculo = res.data;
         });
-        focaLogisticaPedidoRutaService.getRemitos(idVehiculo).then(function(res) {
+        focaLogisticaPedidoRutaService.getRemitosByIdVehiculo(idVehiculo, 1, 1).then(
+            function(res) {
-            $scope.remitos = focaLogisticaPedidoRutaService.obtenerRemitosDeCarga(res.data);
+                $scope.remitos = res.data;
-        });
+            });
         focaLogisticaPedidoRutaService.numeroHojaRuta().then(function(res) {
             $scope.sucursal = res.data.sucursal;
             $scope.numero = res.data.numeroHojaRuta;
         });
         $scope.cancelar = function() {
             $uibModalInstance.close();
         };
         $scope.aceptar = function() {
             var idsRemito = [];
             $scope.remitos.forEach(function(remito) {
                 idsRemito.push(remito.id);
             });
             var cierreDistribuicion = {
                 idsRemito: idsRemito,
                 fechaReparto: focaLogisticaPedidoRutaService.fecha
             };
             focaLogisticaPedidoRutaService.cerrarDistribuicion(cierreDistribuicion)
                 .then(function() {
                     focaModalService.alert('Vehículo cerrado con éxito');
                 }
             );
         };
         $scope.seleccionarChofer = function() {
             var modalInstance = $uibModal.open(
                 {
                     ariaLabelledBy: 'Busqueda de Chofer',
                     templateUrl: 'modal-chofer.html',
                     controller: 'focaModalChoferController',
                     size: 'lg'
                 }
             );
             modalInstance.result.then(
                 function(chofer) {
                     $scope.chofer = chofer;
                 }, function() {
                     // funcion ejecutada cuando se cancela el modal
                 }
             );
         };
         $scope.eliminarRemitos = function() {
             var remitosDel = $filter('filter')($scope.remitos, {checked: true});
             focaModalService.alert('¿Seguro que desea desasociar estos remitos del vehículo?')
                 .then(function() {
                     eliminarRemitos(remitosDel);
                 }
             );
         };
         $scope.minimoUnoChecked = function() {
             var remitosChequeados = $filter('filter')($scope.remitos, {checked: true});
             return !remitosChequeados.length;
         };
         function eliminarRemitos(remitosDel) {
             var nuevosRemitos = $filter('filter')($scope.remitos, {checked: !true});
             focaLogisticaPedidoRutaService.desasociarRemitos(remitosDel, $scope.vehiculo.id,
                 nuevosRemitos ? true : false).then(function() {
                     $scope.remitos = nuevosRemitos;
                 });
         }
     }]);

src/js/osm-directive.js

Diff comments View file @ e9d59a2

 angular.module('focaLogisticaPedidoRuta').directive('focaLogistica', function() {
     return {
         restrict: 'E',
         link: function(scope, el, attrs) {
             var contenedor = document.createElement('div');
             contenedor.className = 'border border-light rounded';
             el.append(contenedor);
             scope.map = L.map(contenedor).setView([attrs.latitud, attrs.longitud], attrs.zoom);
             L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png').addTo(scope.map);
         },
         controller: ['$scope', '$filter', function($scope, $filter) {
             $scope.markers = [];
             $scope.$watch('marcadores', function() {
                 for(var i in $scope.markers) {
                     $scope.map.removeLayer($scope.markers[i]);
                 }
                 $scope.markers = [];
                 angular.forEach($scope.marcadores, function(marcador) {
                     var observacion =
                         'Vendedor: ' + marcador.notaPedido.idVendedor + ' - ' +
                         (
                             marcador.notaPedido.vendedor ?
                             marcador.notaPedido.vendedor.NomVen :
                             ''
                         ) + '<br/>';
                     observacion += 'Fecha: ' +
                         $filter('date')(marcador.fecha.slice(0,10), 'dd/MM/yyyy') + ' ' +
                         marcador.fecha.slice(11,19) + '<br/>';
                     observacion += 'Remito Nº: ' + $filter('comprobante')([
                         marcador.notaPedido.remito.sucursal,
                         marcador.notaPedido.remito.numeroRemito
                     ]) + '<br/>';
                     observacion += 'Cliente: ' +
                         marcador.notaPedido.cliente.NOM + '<br/>';
                     // if($scope.parametros.individual) {
                     observacion +=
                         'Total: ' + $filter('currency')(marcador.notaPedido.remito.total, '$');
                     observacion = 'Orden: ' + marcador.orden + '<br/>' + observacion;
                     if(marcador.distancia) {
                         observacion += '<br/>Distancia a casa central: ' +
                             marcador.distancia + 'km';
                     }
-                    observacion += '<br/>';
-                    observacion += '<i class="fa fa-map-marker fa-3x" aria-hidden="true"'+
-                        'class="form-control" ondragend="dropEnd()" ondragstart=\'drag(event, '+
-                        JSON.stringify(marcador)+')\' draggable="true"></i>(Arrastrar icono)';
                     var icon;
                     if(marcador.notaPedido.remito.idUsuarioProceso) {
+                        observacion += '<br/>';
+                        observacion += '<strong>';
+                        observacion += 'Fecha de entrega: ' + marcador.notaPedido.remito
+                            .cisternaMovimientos[0].cisternaCarga.fechaReparto.substring(0, 10);
+                        observacion += '<br/>';
+                        observacion += 'Vehículo: ' + marcador.notaPedido.remito
+                            .cisternaMovimientos[0].cisternaCarga.cisterna.vehiculo.tractor;
+                        observacion += '<br/>';
+                        observacion += 'Transportista: ' + marcador.notaPedido.remito
+                            .cisternaMovimientos[0].cisternaCarga.cisterna.vehiculo.transportista
+                            .NOM;
+                        observacion += '</strong>';
                         //Asignado ROJO
                         icon = new L.Icon({
                             iconUrl: 'img/marker-icon-2x-red.png',
                             shadowUrl: 'img/marker-shadow.png',
                             iconSize: [25, 41],
                             iconAnchor: [12, 41],
                             popupAnchor: [1, -34],
                             shadowSize: [41, 41]
                         });
                     }else {
+                        observacion += '<br/>';
+                        observacion += '<i class="fa fa-map-marker fa-3x" aria-hidden="true"'+
+                        'class="form-control" ondragend="dropEnd()" ondragstart=\'drag(event, '+
+                        JSON.stringify(marcador)+')\' draggable="true"></i>(Arrastrar icono)';
                         //Sin asignar VERDE
                         icon = new L.Icon({
                             iconUrl: 'img/marker-icon-2x-green.png',
                             shadowUrl: 'img/marker-shadow.png',
                             iconSize: [25, 41],
                             iconAnchor: [12, 41],
                             popupAnchor: [1, -34],
                             shadowSize: [41, 41]
                             });
                     }
                     $scope.markers.push(
                         L.marker(
-                            [marcador.latitud, marcador.longitud],
+                            [marcador.latitud, marcador.longitud], {icon: icon})
-                            {icon: icon, draggable: true})
                         .addTo($scope.map)
                         .bindPopup(observacion)
+                        .bindTooltip('Haga click para seleccionar')
                     );
                     //abre marcador del primer punto
                     //$scope.markers[0].openPopup();
                 });
             });
         }],
         scope: {
             latitud: '=',
             longitud: '=',
             zoom: '=',
             marcadores: '=',

src/js/service.js

Diff comments View file @ e9d59a2

 angular.module('focaLogisticaPedidoRuta')
     .factory(
         'focaLogisticaPedidoRutaService', [
             '$http',
             '$cookies',
             'API_ENDPOINT',
             '$filter',
             function($http, $cookies, API_ENDPOINT, $filter) {
                 var url = API_ENDPOINT.URL;
                 return {
                     idUsuario: $cookies.get('vendedorCobrador'),
                     obtenerActividad: function(parametros) {
                         return $http.post(url + '/seguimiento/filtros', parametros);
                     },
                     numeroHojaRuta: function() {
                         return $http.get(url + '/hoja-ruta/numero-siguiente');
                     },
                     getRemitos: function(idVehiculo) {
                         return $http.get(url + '/remito/sin-hoja-ruta/' + idVehiculo);
                     },
                     cerrarDistribuicion: function(remitos) {
                         return $http.post(url + '/vehiculo/cierre-distribuicion', remitos);
                     },
                     desasociarRemitos: function(remitos, idVehiculo, sinRemitos) {
                         var idsRemitos = [];
                         for (var i = 0; i < remitos.length; i++) {
                             idsRemitos.push(remitos[i].id);
                         }
                         return $http.post(url + '/vehiculo/desasociar-remitos',
                             {
                                 idsRemitos: idsRemitos,
                                 idVehiculo: idVehiculo,
                                 vehiculoSinRemitos: sinRemitos
                             });
                     },
-                    obtenerRemitosDeCarga: function(remitos) {
+                    getRemitosByIdVehiculo: function(idVehiculo, sinConfirmar, sinHojaRuta) {
-                        var remitosRes = [];
+                        var sinHoja = sinHojaRuta ? '/sinHojaRuta' : '';
-                        for(var i = 0; i < remitos.cisternas.length; i++) {
+                        return $http.get(url + '/vehiculo/obtener/remitos/' +
-                            procesoCistena(remitos.cisternas[i], this.fecha.toISOString());
+                            idVehiculo + '/' + this.fecha.toISOString().substring(0, 10) +
-                        }
+                            '/' + sinConfirmar + sinHoja);
-                        function procesoCistena(cisterna, fecha) {
-                            for(var j = 0; j < cisterna.cisternasCarga.length; j++) {
-                                for(var k = 0; k < cisterna.cisternasCarga[j].cisternaMovimientos
-                                    .length; k++)
-                                {
-                                    if(cisterna.cisternasCarga[j].fechaReparto.substring(0, 10) ===
-                                        fecha.substring(0, 10))
-                                    {
-                                        procesoMovimiento(cisterna.cisternasCarga[j]
-                                            .cisternaMovimientos[k]);
-                                    }
-                                }
-                            }
-                        }
-                        function procesoMovimiento(movimiento) {
-                            if(!movimiento.anulado && movimiento.remito &&
-                                    !movimiento.remito.idHojaRuta) {
-                                var remito = movimiento.remito;
-                                var yaEstaCargado = $filter('filter')(remitosRes, {id: remito.id});
-                                if(!yaEstaCargado.length && movimiento.metodo === 'carga') {
-                                    remitosRes.push(remito);
-                                }
-                            }
-                        }
-                        return remitosRes;
                     },
                     getVehiculosByIdUsuario: function() {
                         return $http.get(url + '/vehiculo/usuario/' + this.idUsuario);
                     },
                     getUnidadesByFecha: function() {
                         return $http.post(url + '/vehiculo/listar/fecha',
                             {fecha: this.fecha});
                     },
                     setFechaReparto: function(fechaReparto) {
                         this.fecha = fechaReparto;
                     },
                     obtenerVehiculoById: function(idVehiculo) {
                         return $http.get(url + '/vehiculo/' + idVehiculo);
                     }
             };
     }]);

src/views/foca-logistica-pedido-ruta.html

Diff comments View file @ e9d59a2

 <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>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()"
             />
             <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>
     <div class="row px-5">
         <div class="col-10">
             <foca-logistica
-                latitud="-32.89214159952345"
+                latitud="-34.7152975"
-                longitud="-68.84572999101856"
+                longitud="-65.9053867"
-                zoom="14"
+                zoom="5"
                 marcadores="marcadores"
                 parametros= "datosBuscados"
             />
         </div>
-       <div class="row">
+        <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 class="progress-value py-4 px-3 d-flex align-content-between flex-wrap">
+                                <small class="w-100">
+                                    <small>
+                                        <small>
+                                            {{vehiculo.transportista.NOM.trim()}}
+                                        </small>
+                                    </small>
+                                </small>
+                                <small class="w-100">
+                                    {{vehiculo.codigo}}
+                                </small>
+                            </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="Cerrar distribuición"
+                            uib-tooltip="Confirmar distribuición"
-                            ng-click="hacerHojaRuta(vehiculo, false)"></div>
+                            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"
+                        class="ml-1 border border-dark text-center w-100"
                         ng-show="arrastrando"
                         id="{{vehiculo.id}}"
                         ondrop="drop(event)"
                         ondragover="allowDrop(event)"
                     >Soltar acá</div>
                 </div>
             </div>
         </div>
     </div>
 </div>

src/views/foca-modal-cerrar-vehiculo.html

Diff comments View file @ e9d59a2

 <div class="modal-header">
-    <h4>Cerrar distribución vehículo</h4>
+    <h4>Confirmar distribución vehículo</h4>
     <div class="row">
         <div class="col-6 row">
             <label class="col-3 mt-2">Fecha:</label>
             <input
                 type="text"
                 readonly
                 ng-model="now"
                 uib-datepicker-popup="dd/MM/yyyy"
                 show-button-bar="false"
                 is-open="datepickerOpen"
                 on-open-focus="false"
                 class="form-control col-8"/>
         </div>
     </div>
 </div>
 <div class="modal-body">
     <form class="row" name="formHojaRuta">
         <div class="col-2">
             <label>Transportista</label>
         </div>
         <div class="col-4">
             <input
             class="form-control"
             readonly
             ng-value="vehiculo.transportista.COD + ' ' + vehiculo.transportista.NOM"
             >
         </div>
         <div class="col-2 form-group">
             <label>Unidad</label>
         </div>
         <div class="col-4">
             <input
                 class="form-control"
                 readonly
                 ng-model="vehiculo.codigo"
             >
         </div>
     </form>
     <strong>Remitos:</strong>
     <table class="table">
         <thead>
             <tr>
                 <th>Remito Nº</th>
                 <th>Cliente</th>
                 <th>Domicilio de entrega</th>
-                <th ng-if="cerrar">Eliminar</th>
+                <th ng-if="cerrar">Eliminar
+                    <i
+                        class="fa fa-info"
+                        uib-tooltip="Los remitos que no se pueden eliminar tienen asignada una hoja de ruta">
+                    </i>
+                </th>
             </tr>
         </thead>
         <tbody>
             <tr ng-show="!remitos.length">
                 <td colspan="3">
                     No se han encontrado remitos.
                 </td>
             </tr>
             <tr ng-repeat="remito in remitos">
                 <td ng-bind="[remito.sucursal, remito.numeroRemito] | comprobante"></td>
                 <td ng-bind="remito.nombreCliente"></td>
                 <td ng-bind="remito.domicilioStamp"></td>
                 <td ng-if="cerrar">
                     <div class="custom-control custom-checkbox">
                         <input
                             type="checkbox"
                             ng-model="remito.checked"
                             class="custom-control-input"
-                            id="{{remito.id}}">
+                            id="{{remito.id}}"
+                            ng-disabled="remito.idHojaRuta">
                         <label class="custom-control-label" for="{{remito.id}}"></label>
                     </div>
                 </td>
             </tr>
         </tbody>
     </table>
 </div>
 <div class="modal-footer py-1">
     <button
         class="btn btn-sm btn-secondary"
         ladda="cargando"
         type="button"
         ng-click="cancelar()"
     >Cancelar</button>
     <button
         class="btn btn-sm btn-danger"
         type="button"
         ng-click="eliminarRemitos()"
         ng-disabled="minimoUnoChecked()"
         ng-if="cerrar"
     >Eliminar</button>
     <button
         class="btn btn-sm btn-primary"
         ladda="cargando"
         type="button"
         ng-disabled="!formHojaRuta.$valid || !remitos.length"
         ng-click="aceptar()"
         ng-if="!cerrar"
     >Cerrar distribución</button>
 </div>