Compare View
Commits (3)
-
Develop See merge request !31
-
Develop See merge request !33
Showing
1 changed file
Show diff stats
src/js/osm-directive.js
1 | angular.module('focaAdminSeguimiento').directive('osm', function() { | 1 | angular.module('focaAdminSeguimiento').directive('osm', 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 | el.append(contenedor); | 6 | el.append(contenedor); |
7 | scope.map = L.map(contenedor).setView([attrs.latitud, attrs.longitud], attrs.zoom); | 7 | scope.map = L.map(contenedor).setView([attrs.latitud, attrs.longitud], attrs.zoom); |
8 | L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png').addTo(scope.map); | 8 | L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png').addTo(scope.map); |
9 | }, | 9 | }, |
10 | controller: ['$scope', '$filter', function($scope, $filter) { | 10 | controller: ['$scope', '$filter', function($scope, $filter) { |
11 | $scope.markers = []; | 11 | $scope.markers = []; |
12 | $scope.$watch('marcadores', function() { | 12 | $scope.$watch('marcadores', function() { |
13 | for(var i in $scope.markers) { | 13 | for(var i in $scope.markers) { |
14 | $scope.map.removeLayer($scope.markers[i]); | 14 | $scope.map.removeLayer($scope.markers[i]); |
15 | } | 15 | } |
16 | 16 | ||
17 | $scope.markers = []; | 17 | $scope.markers = []; |
18 | var observacion = ''; | 18 | var observacion = ''; |
19 | 19 | ||
20 | angular.forEach($scope.marcadores, function(marcador) { | 20 | angular.forEach($scope.marcadores, function(marcador) { |
21 | var icon = new L.Icon({ | 21 | var icon = new L.Icon({ |
22 | iconUrl: 'img/marker-icon-2x-blue.png', | 22 | iconUrl: 'img/marker-icon-2x-blue.png', |
23 | shadowUrl: 'img/marker-shadow.png', | 23 | shadowUrl: 'img/marker-shadow.png', |
24 | iconSize: [25, 41], | 24 | iconSize: [25, 41], |
25 | iconAnchor: [12, 41], | 25 | iconAnchor: [12, 41], |
26 | popupAnchor: [1, -34], | 26 | popupAnchor: [1, -34], |
27 | shadowSize: [41, 41] | 27 | shadowSize: [41, 41] |
28 | }); | 28 | }); |
29 | if ($scope.parametros.actividad === 'Nota de pedido') { | 29 | if ($scope.parametros.actividad === 'Nota de pedido') { |
30 | observacion = generarObservacion(getNotaPedido(marcador)); | 30 | observacion = generarObservacion(getNotaPedido(marcador)); |
31 | } | 31 | } |
32 | 32 | ||
33 | if ($scope.parametros.actividad === 'Cobranza') { | 33 | if ($scope.parametros.actividad === 'Cobranza') { |
34 | observacion = getCobranza(marcador); | 34 | observacion = getCobranza(marcador); |
35 | } | 35 | } |
36 | 36 | ||
37 | if ($scope.parametros.actividad === 'Entrega de producto') { | 37 | if ($scope.parametros.actividad === 'Entrega de producto') { |
38 | observacion = getEntrega(marcador); | 38 | observacion = getEntrega(marcador); |
39 | if (marcador.hojaRutaMovimiento.remito.rechazado) { | 39 | if (marcador.hojaRutaMovimiento.remito.rechazado) { |
40 | icon = new L.Icon({ | 40 | icon = new L.Icon({ |
41 | iconUrl: 'img/marker-icon-2x-yellow.png', | 41 | iconUrl: 'img/marker-icon-2x-yellow.png', |
42 | shadowUrl: 'img/marker-shadow.png', | 42 | shadowUrl: 'img/marker-shadow.png', |
43 | iconSize: [25, 41], | 43 | iconSize: [25, 41], |
44 | iconAnchor: [12, 41], | 44 | iconAnchor: [12, 41], |
45 | popupAnchor: [1, -34], | 45 | popupAnchor: [1, -34], |
46 | shadowSize: [41, 41] | 46 | shadowSize: [41, 41] |
47 | }); | 47 | }); |
48 | } else { | 48 | } else { |
49 | icon = new L.Icon({ | 49 | icon = new L.Icon({ |
50 | iconUrl: 'img/marker-icon-2x-green.png', | 50 | iconUrl: 'img/marker-icon-2x-green.png', |
51 | shadowUrl: 'img/marker-shadow.png', | 51 | shadowUrl: 'img/marker-shadow.png', |
52 | iconSize: [25, 41], | 52 | iconSize: [25, 41], |
53 | iconAnchor: [12, 41], | 53 | iconAnchor: [12, 41], |
54 | popupAnchor: [1, -34], | 54 | popupAnchor: [1, -34], |
55 | shadowSize: [41, 41] | 55 | shadowSize: [41, 41] |
56 | }); | 56 | }); |
57 | } | 57 | } |
58 | } | 58 | } |
59 | 59 | ||
60 | if (marcador.visita) icon.options.iconUrl = 'img/marker-icon-2x-yellow.png'; | 60 | // if (marcador.visita) icon.options.iconUrl = 'img/marker-icon-2x-yellow.png'; |
61 | 61 | ||
62 | if (observacion) { | 62 | if (observacion) { |
63 | $scope.markers.push( | 63 | $scope.markers.push( |
64 | L.marker( | 64 | L.marker( |
65 | [marcador.latitud, marcador.longitud], | 65 | [marcador.latitud, marcador.longitud], |
66 | {icon: icon}).addTo($scope.map) | 66 | {icon: icon}).addTo($scope.map) |
67 | .bindPopup(observacion) | 67 | .bindPopup(observacion) |
68 | ); | 68 | ); |
69 | 69 | ||
70 | $scope.markers[0].openPopup(); | 70 | $scope.markers[0].openPopup(); |
71 | } | 71 | } |
72 | }); | 72 | }); |
73 | 73 | ||
74 | function getNotaPedido(marcador) { | 74 | function getNotaPedido(marcador) { |
75 | var observacion = []; | 75 | var observacion = []; |
76 | 76 | ||
77 | if(marcador.visita) { | 77 | // if(marcador.visita) { |
78 | return getVisita(marcador); | 78 | // return getVisita(marcador); |
79 | } else if(!marcador.notaPedido.id) { | 79 | // } else if(!marcador.id) { |
80 | return false; | 80 | // return false; |
81 | } | 81 | // } |
82 | 82 | ||
83 | var notaPedido = marcador.notaPedido; | 83 | var notaPedido = marcador; |
84 | 84 | ||
85 | if (notaPedido.vendedor) { | 85 | if (notaPedido.vendedor && |
86 | notaPedido.vendedor.NUM && | ||
87 | notaPedido.vendedor.NOM) { | ||
86 | observacion.push([ | 88 | observacion.push([ |
87 | 'Vendedor', | 89 | 'Vendedor', |
88 | notaPedido.vendedor.NUM + ' - ' + notaPedido.vendedor.NOM | 90 | notaPedido.vendedor.NUM + ' - ' + notaPedido.vendedor.NOM |
89 | ]); | 91 | ]); |
90 | } | 92 | } |
91 | 93 | ||
92 | 94 | ||
93 | if (!$scope.parametros.individual) { | 95 | if (!$scope.parametros.individual) { |
94 | observacion.push(['Ultima Nota de Pedido', '']); | 96 | observacion.push(['Ultima Nota de Pedido', '']); |
95 | } | 97 | } |
96 | 98 | ||
97 | var textFecha = $filter('date')(marcador.fecha.slice(0,10), 'dd/MM/yyyy') + | 99 | var textFecha = $filter('date')(notaPedido.fechaCarga.slice(0,10), 'dd/MM/yyyy') + |
98 | ' ' + marcador.fecha.slice(11,19); | 100 | ' ' + notaPedido.fechaCarga.slice(11,19); |
99 | observacion.push(['Fecha', textFecha]); | 101 | observacion.push(['Fecha', textFecha]); |
100 | 102 | ||
101 | observacion.push(['Nº', | 103 | observacion.push(['Nº', |
102 | $filter('comprobante')([notaPedido.sucursal, notaPedido.numeroNotaPedido ]) | 104 | $filter('comprobante')([notaPedido.sucursal, notaPedido.numeroNotaPedido ]) |
103 | ]); | 105 | ]); |
104 | 106 | ||
105 | if (notaPedido.cliente) { | 107 | if (notaPedido.cliente) { |
106 | observacion.push(['Cliente', notaPedido.cliente.NOM]); | 108 | observacion.push(['Cliente', notaPedido.cliente.NOM]); |
107 | } | 109 | } |
108 | 110 | ||
109 | if ($scope.parametros.individual) { | 111 | if ($scope.parametros.individual) { |
110 | observacion.push(['Total', $filter('currency')(notaPedido.total, '$')]); | 112 | observacion.push(['Total', $filter('currency')(notaPedido.total, '$')]); |
111 | observacion.unshift(['Orden', marcador.orden]); | 113 | // observacion.unshift(['Orden', marcador.orden]); |
112 | 114 | ||
113 | if (marcador.distancia) { | 115 | if (marcador.distancia) { |
114 | observacion.push(['Distancia a casa central', | 116 | observacion.push(['Distancia a casa central', |
115 | marcador.distancia + 'km' | 117 | marcador.distancia + 'km' |
116 | ]); | 118 | ]); |
117 | } | 119 | } |
118 | } else { | 120 | } else { |
119 | observacion.push(['Cantidad de nota de pedido', | 121 | observacion.push(['Cantidad de nota de pedido', |
120 | marcador.cantidad | 122 | notaPedido.cantidad |
121 | ]); | 123 | ]); |
122 | 124 | ||
123 | observacion.push(['Total Vendido', | 125 | observacion.push(['Total Vendido', |
124 | $filter('currency')(marcador.total, '$') | 126 | $filter('currency')(notaPedido.total, '$') |
125 | ]); | 127 | ]); |
126 | } | 128 | } |
127 | 129 | ||
128 | return observacion; | 130 | return observacion; |
129 | } | 131 | } |
130 | 132 | ||
131 | function getCobranza(marcador) { | 133 | function getCobranza(marcador) { |
132 | if(marcador.visita) { | 134 | if(marcador.visita) { |
133 | return generarObservacion(getVisita(marcador)); | 135 | return generarObservacion(getVisita(marcador)); |
134 | } | 136 | } |
135 | 137 | ||
136 | observacion = ''; | 138 | observacion = ''; |
137 | observacion += 'Cobrador: ' + marcador.recibo.cobrador.NUM + ' - ' + | 139 | observacion += 'Cobrador: ' + marcador.recibo.cobrador.NUM + ' - ' + |
138 | marcador.recibo.CFE + '<br/>'; | 140 | marcador.recibo.CFE + '<br/>'; |
139 | 141 | ||
140 | if (!$scope.parametros.individual) { | 142 | if (!$scope.parametros.individual) { |
141 | observacion += '<b>Ultima Cobranza</b><br/>'; | 143 | observacion += '<b>Ultima Cobranza</b><br/>'; |
142 | } | 144 | } |
143 | 145 | ||
144 | observacion += 'Fecha: ' + | 146 | observacion += 'Fecha: ' + |
145 | $filter('date')(marcador.fecha.slice(0,10), 'dd/MM/yyyy') + ' ' + | 147 | $filter('date')(marcador.fecha.slice(0,10), 'dd/MM/yyyy') + ' ' + |
146 | marcador.fecha.slice(11,19) + '<br/>'; | 148 | marcador.fecha.slice(11,19) + '<br/>'; |
147 | observacion += 'Nº: ' + $filter('comprobante')([ | 149 | observacion += 'Nº: ' + $filter('comprobante')([ |
148 | marcador.recibo.PVE, marcador.recibo.NCO]) + '<br/>'; | 150 | marcador.recibo.PVE, marcador.recibo.NCO]) + '<br/>'; |
149 | observacion += 'Cliente: ' + marcador.recibo.cliente.NOM + '<br/>'; | 151 | observacion += 'Cliente: ' + marcador.recibo.cliente.NOM + '<br/>'; |
150 | var totalCobrado = 0; | 152 | var totalCobrado = 0; |
151 | for (var i = 0; i < marcador.recibo.cuerpos.length; i++) { | 153 | for (var i = 0; i < marcador.recibo.cuerpos.length; i++) { |
152 | if (marcador.recibo.cuerpos[i].LOP === 'P') { | 154 | if (marcador.recibo.cuerpos[i].LOP === 'P') { |
153 | totalCobrado += marcador.recibo.cuerpos[i].IMP; | 155 | totalCobrado += marcador.recibo.cuerpos[i].IMP; |
154 | } | 156 | } |
155 | } | 157 | } |
156 | 158 | ||
157 | if ($scope.parametros.individual) { | 159 | if ($scope.parametros.individual) { |
158 | if (marcador.distancia) { | 160 | if (marcador.distancia) { |
159 | observacion += 'Distancia a casa central: ' + | 161 | observacion += 'Distancia a casa central: ' + |
160 | marcador.distancia + 'km' + '<br/>'; | 162 | marcador.distancia + 'km' + '<br/>'; |
161 | observacion += 'Total Cobrado: ' + | 163 | observacion += 'Total Cobrado: ' + |
162 | $filter('currency')(totalCobrado, '$'); | 164 | $filter('currency')(totalCobrado, '$'); |
163 | } | 165 | } |
164 | } else { | 166 | } else { |
165 | observacion += 'Cantidad de cobranzas: ' + | 167 | observacion += 'Cantidad de cobranzas: ' + |
166 | marcador.cantidad + '<br/>'; | 168 | marcador.cantidad + '<br/>'; |
167 | observacion += 'Total Cobrado: ' + | 169 | observacion += 'Total Cobrado: ' + |
168 | $filter('currency')(totalCobrado, '$'); | 170 | $filter('currency')(totalCobrado, '$'); |
169 | } | 171 | } |
170 | return observacion; | 172 | return observacion; |
171 | } | 173 | } |
172 | 174 | ||
173 | function getEntrega(marcador) { | 175 | function getEntrega(marcador) { |
174 | var observacion = ''; | 176 | var observacion = ''; |
175 | var remito = marcador.hojaRutaMovimiento.remito; | 177 | var remito = marcador.hojaRutaMovimiento.remito; |
176 | observacion += 'Vehiculo: ' + | 178 | observacion += 'Vehiculo: ' + |
177 | remito.hojaRuta.vehiculo.codigo + ' - ' + | 179 | remito.hojaRuta.vehiculo.codigo + ' - ' + |
178 | remito.hojaRuta.vehiculo.tractor + '<br/>'; | 180 | remito.hojaRuta.vehiculo.tractor + '<br/>'; |
179 | observacion += 'Transportista: ' + | 181 | observacion += 'Transportista: ' + |
180 | remito.hojaRuta.transportista.NOM + '<br/>'; | 182 | remito.hojaRuta.transportista.NOM + '<br/>'; |
181 | observacion += 'Chofer: ' + | 183 | observacion += 'Chofer: ' + |
182 | remito.hojaRuta.chofer.nombre + '<br/>'; | 184 | remito.hojaRuta.chofer.nombre + '<br/>'; |
183 | observacion += 'Hoja de ruta: ' + $filter('comprobante')([ | 185 | observacion += 'Hoja de ruta: ' + $filter('comprobante')([ |
184 | remito.hojaRuta.sucursal, | 186 | remito.hojaRuta.sucursal, |
185 | remito.hojaRuta.numeroHojaRuta | 187 | remito.hojaRuta.numeroHojaRuta |
186 | ]) + '<br/>'; | 188 | ]) + '<br/>'; |
187 | 189 | ||
188 | if (!$scope.parametros.individual) { | 190 | if (!$scope.parametros.individual) { |
189 | observacion += '<b>Ultimo Remito</b><br/>'; | 191 | observacion += '<b>Ultimo Remito</b><br/>'; |
190 | } | 192 | } |
191 | 193 | ||
192 | observacion += 'Fecha: ' + | 194 | observacion += 'Fecha: ' + |
193 | $filter('date')(marcador.fecha.slice(0,10), 'dd/MM/yyyy') + ' ' + | 195 | $filter('date')(marcador.fecha.slice(0,10), 'dd/MM/yyyy') + ' ' + |
194 | marcador.fecha.slice(11,19) + '<br/>'; | 196 | marcador.fecha.slice(11,19) + '<br/>'; |
195 | 197 | ||
196 | observacion += 'Nº: ' + $filter('comprobante')([ | 198 | observacion += 'Nº: ' + $filter('comprobante')([ |
197 | remito.sucursal, | 199 | remito.sucursal, |
198 | remito.numeroRemito | 200 | remito.numeroRemito |
199 | ]) + '<br/>'; | 201 | ]) + '<br/>'; |
200 | observacion += 'Cliente: ' + | 202 | observacion += 'Cliente: ' + |
201 | remito.cliente.NOM + '<br/>'; | 203 | remito.cliente.NOM + '<br/>'; |
202 | 204 | ||
203 | if ($scope.parametros.individual) { | 205 | if ($scope.parametros.individual) { |
204 | // observacion += 'Producto: ' + | 206 | // observacion += 'Producto: ' + |
205 | // remito.articulosRemito[0].descripcion + '<br/>'; | 207 | // remito.articulosRemito[0].descripcion + '<br/>'; |
206 | // observacion += 'Cantidad entregada: ' + | 208 | // observacion += 'Cantidad entregada: ' + |
207 | // remito.carga + '<br/>'; | 209 | // remito.carga + '<br/>'; |
208 | 210 | ||
209 | if (marcador.distancia) { | 211 | if (marcador.distancia) { |
210 | observacion += 'Distancia a casa central: ' + marcador.distancia + | 212 | observacion += 'Distancia a casa central: ' + marcador.distancia + |
211 | 'km <br/>'; | 213 | 'km <br/>'; |
212 | } | 214 | } |
213 | 215 | ||
214 | observacion = 'Orden: ' + marcador.orden + '<br/>' + observacion; | 216 | observacion = 'Orden: ' + marcador.orden + '<br/>' + observacion; |
215 | } else { | 217 | } else { |
216 | observacion += 'Cantidad de entregas: ' + marcador.cantidad; | 218 | observacion += 'Cantidad de entregas: ' + marcador.cantidad; |
217 | } | 219 | } |
218 | observacion += '<br/>'; | 220 | observacion += '<br/>'; |
219 | if (remito.rechazado) { | 221 | if (remito.rechazado) { |
220 | observacion += '<strong>Motivo del rechazo: ' + remito.motivoRechazo; | 222 | observacion += '<strong>Motivo del rechazo: ' + remito.motivoRechazo; |
221 | } | 223 | } |
222 | 224 | ||
223 | return observacion; | 225 | return observacion; |
224 | } | 226 | } |
225 | 227 | ||
226 | function getVisita(marcador) { | 228 | function getVisita(marcador) { |
227 | var observacion = []; | 229 | var observacion = []; |
228 | var textFecha = $filter('date')(marcador.fecha.slice(0,10), 'dd/MM/yyyy') + | 230 | var textFecha = $filter('date')(marcador.fecha.slice(0,10), 'dd/MM/yyyy') + |
229 | ' ' + marcador.fecha.slice(11,19); | 231 | ' ' + marcador.fecha.slice(11,19); |
230 | var prospecto = marcador.visita.cliente.ES_PROS; | 232 | var prospecto = marcador.visita.cliente.ES_PROS; |
231 | var tipoVisitante = | 233 | var tipoVisitante = |
232 | (marcador.visita.tipoVisitante) === 1 ? 'Vendedor' : 'Cobrador'; | 234 | (marcador.visita.tipoVisitante) === 1 ? 'Vendedor' : 'Cobrador'; |
233 | var visitante = marcador.visita.visitante.NUM + ' - ' + | 235 | var visitante = marcador.visita.visitante.NUM + ' - ' + |
234 | marcador.visita.visitante.NOM; | 236 | marcador.visita.visitante.NOM; |
235 | 237 | ||
236 | observacion.push([tipoVisitante, visitante]); | 238 | observacion.push([tipoVisitante, visitante]); |
237 | observacion.push(['Fecha', textFecha]); | 239 | observacion.push(['Fecha', textFecha]); |
238 | observacion.push(['Cliente', marcador.visita.cliente.NOM]); | 240 | observacion.push(['Cliente', marcador.visita.cliente.NOM]); |
239 | observacion.push(['Es prospecto', (prospecto) ? 'Si' : 'No']); | 241 | observacion.push(['Es prospecto', (prospecto) ? 'Si' : 'No']); |
240 | 242 | ||
241 | return observacion; | 243 | return observacion; |
242 | } | 244 | } |
243 | 245 | ||
244 | function generarObservacion(array) { | 246 | function generarObservacion(array) { |
245 | var resultado = ''; | 247 | var resultado = ''; |
246 | 248 | ||
247 | for (var i = 0; i < array.length; i++) { | 249 | for (var i = 0; i < array.length; i++) { |
248 | resultado += '<b>' + array[i][0] + ': </b>'; | 250 | resultado += '<b>' + array[i][0] + ': </b>'; |
249 | resultado += array[i][1]; | 251 | resultado += array[i][1]; |
250 | 252 | ||
251 | if (i < (array.length - 1)) { | 253 | if (i < (array.length - 1)) { |
252 | resultado += '<br/>'; | 254 | resultado += '<br/>'; |
253 | } | 255 | } |
254 | } | 256 | } |
255 | 257 | ||
256 | return resultado; | 258 | return resultado; |
257 | } | 259 | } |
258 | }); | 260 | }); |
259 | 261 | ||
260 | 262 | ||
261 | $scope.$on('moveMap', function(evt, data) { | 263 | $scope.$on('moveMap', function(evt, data) { |
262 | var center = new L.LatLng(data.latitud, data.longitud); | 264 | var center = new L.LatLng(data.latitud, data.longitud); |
263 | $scope.map.flyTo(center, 11, {duration: 0.5}); | 265 | $scope.map.flyTo(center, 11, {duration: 0.5}); |
264 | $scope.markers[data.indice].openPopup(); | 266 | $scope.markers[data.indice].openPopup(); |
265 | }); | 267 | }); |
266 | }], | 268 | }], |
267 | scope: { | 269 | scope: { |
268 | latitud: '=', | 270 | latitud: '=', |
269 | longitud: '=', | 271 | longitud: '=', |
270 | zoom: '=', | 272 | zoom: '=', |
271 | marcadores: '=', | 273 | marcadores: '=', |
272 | parametros: '=' | 274 | parametros: '=' |
273 | } | 275 | } |
274 | }; | 276 | }; |
275 | }); | 277 | }); |
276 | 278 |