Luis Suarez / foca-logistica-pedido-ruta

Download as
Browse Code »

Commit c063a7a55a55e0576c4518b63d814dc775f7456a

Authored by Luis Suarez
1 parent 3198d74530
Exists in develop

obtengo marcadores desde el remitoPuntoDescarga o desde direccion de cliente

Showing 1 changed file with 41 additions and 22 deletions   Show diff stats
src/js/osm-directive.js
Diff comments   View file @ c063a7a
1 angular.module('focaLogisticaPedidoRuta').directive('focaLogistica', function() { 1 angular.module('focaLogisticaPedidoRuta').directive('focaLogistica', function() {
2 return { 2 return {
3 restrict: 'E', 3 restrict: 'E',
4 link: function(scope, el, attrs) { 4 link: function(scope, el, attrs) {
5 var contenedor = document.createElement('div'); 5 var contenedor = document.createElement('div');
6 contenedor.className = 'border border-light rounded'; 6 contenedor.className = 'border border-light rounded';
7 el.append(contenedor); 7 el.append(contenedor);
8 scope.map = L.map(contenedor).setView([attrs.latitud, attrs.longitud], attrs.zoom); 8 scope.map = L.map(contenedor).setView([attrs.latitud, attrs.longitud], attrs.zoom);
9 L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png').addTo(scope.map); 9 L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png').addTo(scope.map);
10 }, 10 },
11 controller: ['$scope', '$filter', '$compile', 'focaModalService', 11 controller: ['$scope', '$filter', '$compile', 'focaModalService',
12 function($scope, $filter, $compile, focaModalService) { 12 function($scope, $filter, $compile, focaModalService) {
13 $scope.markers = []; 13 $scope.markers = [];
14 $scope.verProductos = function(id) { 14 $scope.verProductos = function(id) {
15 var parametrosModal = { 15 var parametrosModal = {
16 titulo: 'Productos', 16 titulo: 'Productos',
17 query: '/articulos/remito/' + id, 17 query: '/articulos/remito/' + id,
18 soloMostrar: true, 18 soloMostrar: true,
19 size: 'md', 19 size: 'md',
20 columnas: [ 20 columnas: [
21 { 21 {
22 nombre: 'Producto', 22 nombre: 'Producto',
23 propiedad: 'descripcion' 23 propiedad: 'descripcion'
24 }, 24 },
25 { 25 {
26 nombre: 'Cantidad', 26 nombre: 'Cantidad',
27 propiedad: 'cantidad' 27 propiedad: 'cantidad'
28 } 28 }
29 ] 29 ]
30 }; 30 };
31 focaModalService.modal(parametrosModal).then(); 31 focaModalService.modal(parametrosModal).then();
32 }; 32 };
33 $scope.$watch('marcadores', function() { 33 $scope.$watch('marcadores', function() {
34 for(var i in $scope.markers) { 34 for(var i in $scope.markers) {
35 $scope.map.removeLayer($scope.markers[i]); 35 $scope.map.removeLayer($scope.markers[i]);
36 } 36 }
37 $scope.markers = []; 37 $scope.markers = [];
38 38
39 angular.forEach($scope.marcadores, function(marcador) { 39 angular.forEach($scope.marcadores, function(marcador) {
40 var observacion = 40 var observacion =
41 'Vendedor: ' + marcador.notaPedido.idVendedor + ' - ' + 41 'Vendedor: ' + marcador.idVendedor + ' - ' +
42 ( 42 (
43 marcador.notaPedido.vendedor ? 43 marcador.vendedor ?
44 marcador.notaPedido.vendedor.NOM : 44 marcador.vendedor.NOM :
45 '' 45 ''
46 ) + '<br/>'; 46 ) + '<br/>';
47 observacion += 'Fecha: ' + 47 observacion += 'Fecha: ' +
48 $filter('date')(marcador.fecha.slice(0,10), 'dd/MM/yyyy') + ' ' + 48 $filter('date')(marcador.fechaRemito.slice(0,10), 'dd/MM/yyyy') + ' ' +
49 marcador.fecha.slice(11,19) + '<br/>'; 49 marcador.fechaRemito.slice(11,19) + '<br/>';
50 observacion += 'Remito Nº: ' + $filter('comprobante')([ 50 observacion += 'Remito Nº: ' + $filter('comprobante')([
51 marcador.notaPedido.remito.sucursal, 51 marcador.sucursal,
52 marcador.notaPedido.remito.numeroRemito 52 marcador.numeroRemito
53 ]) + '<br/>'; 53 ]) + '<br/>';
54 observacion += 'Cliente: ' + 54 observacion += 'Cliente: ' +
55 marcador.notaPedido.cliente.NOM; 55 marcador.cliente.NOM;
56 56
57 // if($scope.parametros.individual) { 57 // if($scope.parametros.individual) {
58 observacion = 'Orden: ' + marcador.orden + '<br/>' + observacion; 58 if (marcador.orden) {
59 observacion = 'Orden: ' + marcador.orden + '<br/>' + observacion;
60 }
59 61
60 if (marcador.distancia) { 62 if (marcador.distancia) {
61 observacion += '<br/>Distancia a casa central: ' + 63 observacion += '<br/>Distancia a casa central: ' +
62 marcador.distancia + 'km'; 64 marcador.distancia + 'km';
63 } 65 }
64 var icon; 66 var icon;
65 if (marcador.notaPedido.remito.idUsuarioProceso) { 67 if (marcador.idUsuarioProceso) {
66 observacion += '<br/>'; 68 observacion += '<br/>';
67 observacion += '<strong>'; 69 observacion += '<strong>';
68 observacion += 'Fecha de entrega: ' + marcador.notaPedido.remito 70 observacion += 'Fecha de entrega: ' + marcador
69 .cisternaMovimientos[0].cisternaCarga.fechaReparto.substring(0, 10); 71 .cisternaMovimientos[0].cisternaCarga.fechaReparto.substring(0, 10);
70 observacion += '<br/>'; 72 observacion += '<br/>';
71 observacion += 'Vehículo: ' + marcador.notaPedido.remito 73 observacion += 'Vehículo: ' + marcador
72 .cisternaMovimientos[0].cisternaCarga.cisterna.vehiculo.codigo; 74 .cisternaMovimientos[0].cisternaCarga.cisterna.vehiculo.codigo;
73 observacion += '<br/>'; 75 observacion += '<br/>';
74 observacion += 'Transportista: ' + marcador.notaPedido.remito 76 observacion += 'Transportista: ' + marcador
75 .cisternaMovimientos[0].cisternaCarga.cisterna.vehiculo.transportista 77 .cisternaMovimientos[0].cisternaCarga.cisterna.vehiculo.transportista
76 .NOM; 78 .NOM;
77 observacion += '</strong>'; 79 observacion += '</strong>';
78 //Asignado ROJO 80 //Asignado ROJO
79 icon = new L.Icon({ 81 icon = new L.Icon({
80 iconUrl: 'img/marker-icon-2x-red.png', 82 iconUrl: 'img/marker-icon-2x-red.png',
81 shadowUrl: 'img/marker-shadow.png', 83 shadowUrl: 'img/marker-shadow.png',
82 iconSize: [25, 41], 84 iconSize: [25, 41],
83 iconAnchor: [12, 41], 85 iconAnchor: [12, 41],
84 popupAnchor: [1, -34], 86 popupAnchor: [1, -34],
85 shadowSize: [41, 41] 87 shadowSize: [41, 41]
86 }); 88 });
87 } else { 89 } else {
88 observacion += '<br/>'; 90 observacion += '<br/>';
89 observacion += '<i class="fa fa-map-marker marcador fa-4x" aria-hidden="true"'+ 91 observacion += '<i class="fa fa-map-marker marcador fa-4x" aria-hidden="true"'+
90 'class="form-control" ondragend="dropEnd()" ondragstart=\'drag(event, '+ 92 'class="form-control" ondragend="dropEnd()" ondragstart=\'drag(event, '+
91 JSON.stringify(marcador)+')\' draggable="true"></i><br><b>(Arrastrar icono)</b>'; 93 JSON.stringify(marcador)+')\' draggable="true"></i><br><b>(Arrastrar icono)</b>';
92 observacion += '<button title="Ver productos" class="btn btn-secondary' + 94 observacion += '<button title="Ver productos" class="btn btn-secondary' +
93 ' float-right informacion"'+ 95 ' float-right informacion"'+
94 'ng-click="verProductos('+marcador.notaPedido.remito.id+')">' + 96 'ng-click="verProductos('+marcador.id+')">' + //id del Remito
95 '<i class="fa fa-info" aria-hidden="true"></i>' + 97 '<i class="fa fa-info" aria-hidden="true"></i>' +
96 '</button>'; 98 '</button>';
97 99
98 //Sin asignar VERDE 100 //Sin asignar VERDE
99 icon = new L.Icon({ 101 icon = new L.Icon({
100 iconUrl: 'img/marker-icon-2x-green.png', 102 iconUrl: 'img/marker-icon-2x-green.png',
101 shadowUrl: 'img/marker-shadow.png', 103 shadowUrl: 'img/marker-shadow.png',
102 iconSize: [25, 41], 104 iconSize: [25, 41],
103 iconAnchor: [12, 41], 105 iconAnchor: [12, 41],
104 popupAnchor: [1, -34], 106 popupAnchor: [1, -34],
105 shadowSize: [41, 41] 107 shadowSize: [41, 41]
106 }); 108 });
107 } 109 }
108 110
109 //COMPILO HTML PARA QUE FUNCIONE BOTON EN POPUP 111 //COMPILO HTML PARA QUE FUNCIONE BOTON EN POPUP
110 observacion = '<div class="disable-selection">' + observacion + '</div>'; 112 observacion = '<div class="disable-selection">' + observacion + '</div>';
111 var compiledHtml = $compile(angular.element(observacion))($scope); 113 var compiledHtml = $compile(angular.element(observacion))($scope);
112 114 //Primero verifico si punto de desscarga, si lo hay extraigo lat y long desde alli
113 $scope.markers.push( 115 if (marcador.remitoPuntoDescarga.length) {
114 L.marker( 116 $scope.markers.push(
115 [marcador.latitud, marcador.longitud], {icon: icon}) 117 L.marker(
116 .addTo($scope.map) 118 [marcador.remitoPuntoDescarga.puntoDescarga[0].latitud,
117 .bindPopup(compiledHtml[0]) 119 marcador.remitoPuntoDescarga.puntoDescarga[0].longitud], {icon: icon})
118 .bindTooltip('Haga click para seleccionar') 120 .addTo($scope.map)
119 ); 121 .bindPopup(compiledHtml[0])
122 .bindTooltip('Haga click para seleccionar')
123 );
124 }
125 //Si no existe punto de descarga, se selecciona la primera direccion
126 //con latitud y longitud desde los Datos del cliente.
127 else if (marcador.cliente.direcciones.length) {
128 $scope.markers.push(
129 L.marker(
130 [marcador.cliente.direcciones[0].DATO,
131 marcador.cliente.direcciones[1].DATO], {icon: icon})
132 .addTo($scope.map)
133 .bindPopup(compiledHtml[0])
134 .bindTooltip('Haga click para seleccionar')
135 );
136 } else {
137 console.log('Los remitos filtrados no contienen datos de latitud y longitud',marcador);
138 }
120 //abre marcador del primer punto 139 //abre marcador del primer punto
121 //$scope.markers[0].openPopup(); 140 //$scope.markers[0].openPopup();
122 }); 141 });
123 }); 142 });
124 }], 143 }],
125 scope: { 144 scope: {
126 latitud: '=', 145 latitud: '=',
127 longitud: '=', 146 longitud: '=',
128 zoom: '=', 147 zoom: '=',
129 marcadores: '=', 148 marcadores: '=',
130 parametros: '=' 149 parametros: '='
131 } 150 }
132 }; 151 };
133 }); 152 });
134 153