Marcelo Puebla / foca-logistica-pedido-ruta

Browse Code »

Commit 47b0b44a4aafd560084dc0b9c007fa65b123b98e

Authored by Jose Pinto 2019-02-07 13:39:13 -0300

1 parent 8fd2c4e9bd

Exists in master and in 1 other branch

boton ver productos en popup, fuera total

Showing 2 changed files with 34 additions and 10 deletions Show diff stats

src/js/controller.js

Diff comments View file @ 47b0b44

 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(
+            $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 parametrosModal = {
                 titulo: 'Búsqueda de Transportista',
                 query: '/transportista',
                 columnas: [
                     {
                         nombre: 'Código',
                         propiedad: 'COD'
                     },
                     {
                         nombre: 'Nombre',
                         propiedad: 'NOM'
                     },
                     {
                         nombre: 'CUIT',
                         propiedad: 'CUIT'
                     }
                 ]
             };
             focaModalService.modal(parametrosModal).then(function(transportista) {
                 $scope.selectVehiculo(transportista.COD, transportista.NOM);
             });
         };
         $scope.selectVehiculo = function(idTransportista, nombreTransportista) {
             var parametrosModal = {
                 columnas: [
                     {
                         propiedad: 'codigo',
                         nombre: 'Código'
                     },
                     {
                         propiedad: 'tractor',
                         nombre: 'tractor'
                     },
                     {
                         propiedad: 'semi',
                         nombre: 'Semi'
                     },
                     {
                         propiedad: 'capacidadTotalCisternas',
                         nombre: 'Capacidad'
                     }
                 ],
                 query: '/vehiculo/transportista/' + idTransportista,
                 titulo: 'Búsqueda de vehiculos',
                 subTitulo: idTransportista + '-' + nombreTransportista
             };
             focaModalService.modal(parametrosModal).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.getRemitosByIdVehiculo(vehiculo.id).then(function(res) {
                 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;
         }
         $interval(function() {
             getSeguimiento();
         }, 5000);
     }
 ]);

src/js/osm-directive.js

Diff comments View file @ 47b0b44

 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) {
+        controller: ['$scope', '$filter', '$compile', 'focaModalService',
+        function($scope, $filter, $compile, focaModalService) {
             $scope.markers = [];
+            $scope.verProductos = function(id) {
+                var parametrosModal = {
+                    titulo: 'Productos',
+                    query: '/articulos/remito/' + id,
+                    soloMostrar: true,
+                    size: 'md',
+                    columnas: [
+                        {
+                            nombre: 'Producto',
+                            propiedad: 'descripcion'
+                        },
+                        {
+                            nombre: 'Cantidad',
+                            propiedad: 'cantidad'
+                        }
+                    ]
+                };
+                focaModalService.modal(parametrosModal).then();
+            };
             $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/>';
+                        marcador.notaPedido.cliente.NOM;
                     // 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';
                     }
                     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.codigo;
                         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)';
+                        observacion += '<button title="Ver productos" class="btn btn-secondary' +
+                                    'float-right mt-2"'+
+                                    'ng-click="verProductos('+marcador.notaPedido.remito.id+')">' +
+                                    '<i class="fa fa-info" aria-hidden="true"></i>' +
+                                    '</button>';
                         //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]
                             });
                     }
+                    //COMPILO HTML PARA QUE FUNCIONE BOTON EN POPUP
+                    observacion = '<div>' + observacion + '</div>';
+                    var compiledHtml = $compile(angular.element(observacion))($scope);
                     $scope.markers.push(
                         L.marker(
                             [marcador.latitud, marcador.longitud], {icon: icon})
                         .addTo($scope.map)
-                        .bindPopup(observacion)
+                        .bindPopup(compiledHtml[0])
                         .bindTooltip('Haga click para seleccionar')
                     );
                     //abre marcador del primer punto
                     //$scope.markers[0].openPopup();
                 });
             });
         }],
         scope: {
             latitud: '=',
             longitud: '=',
             zoom: '=',
             marcadores: '=',
             parametros: '='
         }
     };