Nicolás Guarnieri / foca-logistica-pedido-ruta

Download as
Browse Code »

Commit 29382a3d55bd11bda014d1bb9cdc093778e55668

Authored by Nicolás Guarnieri
2 parents 88bd2eca04 c91f081907
Exists in master

Merge branch 'master' into 'master' 

Master(efernandez)

See merge request !34
Showing 5 changed files   Show diff stats
src/js/controller.js
Diff comments   View file @ 29382a3
1 angular.module('focaLogisticaPedidoRuta') .controller('focaLogisticaPedidoRutaController', [ 1 angular.module('focaLogisticaPedidoRuta') .controller('focaLogisticaPedidoRutaController', [
2 '$scope', 'focaLogisticaPedidoRutaService', '$location', '$uibModal', '$filter', 2 '$scope', 'focaLogisticaPedidoRutaService', '$location', '$uibModal', '$filter',
3 'focaModalService', 'focaBotoneraLateralService', '$interval', 3 'focaModalService', 'focaBotoneraLateralService', '$interval',
4 function($scope, focaLogisticaPedidoRutaService, $location, $uibModal, $filter, 4 function($scope, focaLogisticaPedidoRutaService, $location, $uibModal, $filter,
5 focaModalService, focaBotoneraLateralService, $interval 5 focaModalService, focaBotoneraLateralService, $interval
6 ) { 6 ) {
7 $scope.actividad = 'Logistica'; 7 $scope.actividad = 'Logistica';
8 8
9 //Datos Pantalla 9 //Datos Pantalla
10 $scope.titulo = 'Logistica de Pedidos'; 10 $scope.titulo = 'Logistica de Pedidos';
11 var transportista = { 11 var transportista = {
12 label: 'Vehículo', 12 label: 'Vehículo',
13 image: 'abmChofer.png' 13 image: 'abmChofer.png'
14 }; 14 };
15 var fecha = { 15 var fecha = {
16 label: 'Fecha Reparto', 16 label: 'Fecha Reparto',
17 image: 'fechaDeReparto.png' 17 image: 'fechaDeReparto.png'
18 }; 18 };
19 $scope.botonera = [fecha, transportista]; 19 $scope.botonera = [fecha, transportista];
20 var cabecera = ''; 20 var cabecera = '';
21 $scope.now = new Date(); 21 $scope.now = new Date();
22 $scope.idVendedor = 0; 22 $scope.idVendedor = 0;
23 $scope.marcadores = []; 23 $scope.marcadores = [];
24 $scope.vehiculos = []; 24 $scope.vehiculos = [];
25 getSeguimiento(); 25 getSeguimiento();
26 $scope.arrastrando = false; 26 $scope.arrastrando = false;
27 $scope.general = function() { 27 $scope.general = function() {
28 $scope.idVendedor = 0; 28 $scope.idVendedor = 0;
29 getSeguimiento(); 29 getSeguimiento();
30 }; 30 };
31 31
32 //SETEO BOTONERA LATERAL 32 //SETEO BOTONERA LATERAL
33 focaBotoneraLateralService.showSalir(true); 33 focaBotoneraLateralService.showSalir(true);
34 focaBotoneraLateralService.showPausar(false); 34 focaBotoneraLateralService.showPausar(false);
35 focaBotoneraLateralService.showGuardar(false); 35 focaBotoneraLateralService.showGuardar(false);
36 36
37 37
38 38
39 $scope.general = function() { 39 $scope.general = function() {
40 $scope.idVendedor = 0; 40 $scope.idVendedor = 0;
41 getSeguimiento(); 41 getSeguimiento();
42 $scope.$broadcast('removeCabecera', cabecera); 42 $scope.$broadcast('removeCabecera', cabecera);
43 $scope.$broadcast('addCabecera', { 43 $scope.$broadcast('addCabecera', {
44 label: 'General', 44 label: 'General',
45 valor: '' 45 valor: ''
46 }); 46 });
47 }; 47 };
48 48
49 $scope.cargar = function(idVehiculo, punto) { 49 $scope.cargar = function(idVehiculo, punto) {
50 if(!eligioFecha()) return; 50 if(!eligioFecha()) return;
51 var idRemito; 51 var idRemito;
52 if(punto === -1) { 52 if(punto === -1) {
53 idRemito = -1; 53 idRemito = -1;
54 }else { 54 }else {
55 idRemito = JSON.parse(punto).notaPedido.remito.id; 55 idRemito = JSON.parse(punto).notaPedido.remito.id;
56 } 56 }
57 var modalInstance = $uibModal.open( 57 var modalInstance = $uibModal.open(
58 { 58 {
59 ariaLabelledBy: 'Busqueda de Vehiculo', 59 ariaLabelledBy: 'Busqueda de Vehiculo',
60 templateUrl: 'foca-detalle-vehiculo.html', 60 templateUrl: 'foca-detalle-vehiculo.html',
61 controller: 'focaDetalleVehiculo', 61 controller: 'focaDetalleVehiculo',
62 size: 'lg', 62 size: 'lg',
63 resolve: { 63 resolve: {
64 idVehiculo: function() {return idVehiculo;}, 64 idVehiculo: function() {return idVehiculo;},
65 idRemito: function() {return idRemito;}, 65 idRemito: function() {return idRemito;},
66 fechaReparto: function() {return $scope.fechaReparto;} 66 fechaReparto: function() {return $scope.fechaReparto;}
67 } 67 }
68 } 68 }
69 ); 69 );
70 modalInstance.result.then(function() { 70 modalInstance.result.then(function() {
71 }, function() { 71 }, function() {
72 }); 72 });
73 }; 73 };
74 74
75 $scope.quitarVehiculo = function(vehiculo) { 75 $scope.quitarVehiculo = function(vehiculo) {
76 if(!eligioFecha() || vehiculoEnUso(vehiculo)) return; 76 if(!eligioFecha() || vehiculoEnUso(vehiculo)) return;
77 focaModalService.confirm('Esta seguro que desea eliminar el vehículo ' + 77 focaModalService.confirm('Esta seguro que desea eliminar el vehículo ' +
78 vehiculo.codigo + '?').then(function() { 78 vehiculo.codigo + '?').then(function() {
79 eliminarVehiculo(vehiculo); 79 eliminarVehiculo(vehiculo);
80 }); 80 });
81 }; 81 };
82 82
83 $scope.hacerHojaRuta = function(vehiculo) { 83 $scope.hacerHojaRuta = function(vehiculo) {
84 if(!eligioFecha() || vehiculoEnUso(vehiculo)) return; 84 if(!eligioFecha() || vehiculoEnUso(vehiculo)) return;
85 var modalInstance = $uibModal.open( 85 var modalInstance = $uibModal.open(
86 { 86 {
87 ariaLabelledBy: 'Creación hoja ruta', 87 ariaLabelledBy: 'Creación hoja ruta',
88 templateUrl: 'foca-modal-cerrar-vehiculo.html', 88 templateUrl: 'foca-modal-cerrar-vehiculo.html',
89 controller: 'focaModalCerrarVehiculo', 89 controller: 'focaModalCerrarVehiculo',
90 size: 'lg', 90 size: 'lg',
91 resolve: { 91 resolve: {
92 idVehiculo: function() {return vehiculo.id;}, 92 idVehiculo: function() {return vehiculo.id;},
93 fechaReparto: function() {return $scope.fechaReparto;} 93 fechaReparto: function() {return $scope.fechaReparto;}
94 } 94 }
95 } 95 }
96 ); 96 );
97 modalInstance.result.then(function() { 97 modalInstance.result.then(function() {
98 98
99 }, function() { 99 }, function() {
100 //usar cuando se cancela el modal 100 //usar cuando se cancela el modal
101 }); 101 });
102 }; 102 };
103 103
104 $scope.arrastra = function() { 104 $scope.arrastra = function() {
105 $scope.arrastrando = true; 105 $scope.arrastrando = true;
106 $scope.$digest(); 106 $scope.$digest();
107 }; 107 };
108 108
109 $scope.noArrastra = function() { 109 $scope.noArrastra = function() {
110 $scope.arrastrando = false; 110 $scope.arrastrando = false;
111 $scope.$digest(); 111 $scope.$digest();
112 }; 112 };
113 113
114 $scope.individual = function() { 114 $scope.individual = function() {
115 $scope.idVendedor = -1; 115 $scope.idVendedor = -1;
116 }; 116 };
117 117
118 $scope.mostrarDetalle = function() { 118 $scope.mostrarDetalle = function() {
119 $scope.detalle = true; 119 $scope.detalle = true;
120 }; 120 };
121 121
122 $scope.salir = function() { 122 $scope.salir = function() {
123 $location.path('/'); 123 $location.path('/');
124 }; 124 };
125 125
126 $scope.search = function() { 126 $scope.search = function() {
127 getSeguimiento(); 127 getSeguimiento();
128 }; 128 };
129 129
130 $scope.fecha = function() { 130 $scope.fecha = function() {
131 getSeguimiento(); 131 getSeguimiento();
132 }; 132 };
133 133
134 $scope.seleccionarVehículo = function() { 134 $scope.seleccionarVehículo = function() {
135 var modalInstance = $uibModal.open( 135 var modalInstance = $uibModal.open(
136 { 136 {
137 ariaLabelledBy: 'Busqueda de Transportista', 137 ariaLabelledBy: 'Busqueda de Transportista',
138 templateUrl: 'modal-proveedor.html', 138 templateUrl: 'modal-proveedor.html',
139 controller: 'focaModalProveedorCtrl', 139 controller: 'focaModalProveedorCtrl',
140 size: 'lg', 140 size: 'lg',
141 resolve: { 141 resolve: {
142 transportista: function() { 142 transportista: function() {
143 return true; 143 return true;
144 } 144 }
145 } 145 }
146 } 146 }
147 ); 147 );
148 modalInstance.result.then(function(transportista) { 148 modalInstance.result.then(function(transportista) {
149 $scope.selectVehiculo(transportista.COD); 149 $scope.selectVehiculo(transportista.COD);
150 }); 150 });
151 }; 151 };
152 152
153 $scope.selectVehiculo = function(idTransportista) { 153 $scope.selectVehiculo = function(idTransportista) {
154 var query = '/vehiculo/transportista/' + idTransportista; 154 var query = '/vehiculo/transportista/' + idTransportista;
155 var columnas = { 155 var columnas = {
156 nombre: ['Código', 'tractor', 'Semi', 'Capacidad'], 156 nombre: ['Código', 'tractor', 'Semi', 'Capacidad'],
157 propiedad: ['codigo', 'tractor', 'semi', 'capacidadTotalCisternas'] 157 propiedad: ['codigo', 'tractor', 'semi', 'capacidadTotalCisternas']
158 }; 158 };
159 var titulo = 'Búsqueda de vehiculos'; 159 var titulo = 'Búsqueda de vehiculos';
160 focaModalService.modal(columnas, query, titulo).then( 160 focaModalService.modal(columnas, query, titulo).then(
161 function(vehiculo) { 161 function(vehiculo) {
162 var existe = $filter('filter')($scope.vehiculos, {id: vehiculo.id}); 162 var existe = $filter('filter')($scope.vehiculos, {id: vehiculo.id});
163 if(existe.length) { 163 if(existe.length) {
164 focaModalService.alert('El vehiculo ya ha sido cargado'); 164 focaModalService.alert('El vehiculo ya ha sido cargado');
165 return; 165 return;
166 } 166 }
167 if(!vehiculo.cisternas.length) { 167 if(!vehiculo.cisternas.length) {
168 focaModalService.alert('El vehiculo no tiene cisternas'); 168 focaModalService.alert('El vehiculo no tiene cisternas');
169 return; 169 return;
170 } 170 }
171 $scope.vehiculos.push(vehiculo); 171 $scope.vehiculos.push(vehiculo);
172 }, function() { 172 }, function() {
173 // funcion ejecutada cuando se cancela el modal 173 // funcion ejecutada cuando se cancela el modal
174 }); 174 });
175 }; 175 };
176 176
177 $scope.seleccionarFechaReparto = function() { 177 $scope.seleccionarFechaReparto = function() {
178 focaModalService.modalFecha('Fecha de reparto').then(function(fecha) { 178 focaModalService.modalFecha('Fecha de reparto').then(function(fecha) {
179 $scope.$broadcast('addCabecera',{ 179 $scope.$broadcast('addCabecera',{
180 label: 'Fecha:', 180 label: 'Fecha:',
181 valor: fecha.toLocaleDateString() 181 valor: fecha.toLocaleDateString()
182 }); 182 });
183 $scope.fechaReparto = fecha; 183 $scope.fechaReparto = fecha;
184 focaLogisticaPedidoRutaService.setFechaReparto(fecha); 184 focaLogisticaPedidoRutaService.setFechaReparto(fecha);
185 focaLogisticaPedidoRutaService.getUnidadesByFecha(fecha).then(function(res) { 185 focaLogisticaPedidoRutaService.getUnidadesByFecha(fecha).then(function(res) {
186 $scope.vehiculos = res.data; 186 $scope.vehiculos = res.data;
187 }); 187 });
188 }); 188 });
189 }; 189 };
190 190
191 function getSeguimiento() { 191 function getSeguimiento() {
192 var desde = new Date('1900/01/01'); 192 var desde = new Date('1900/01/01');
193 var hasta = new Date('2099/01/01'); 193 var hasta = new Date('2099/01/01');
194 if($scope.fechaDesde) { 194 if($scope.fechaDesde) {
195 var fechaDesde = $scope.fechaDesde; 195 var fechaDesde = $scope.fechaDesde;
196 desde = new Date(new Date(fechaDesde.setHours(0)).setMinutes(0)); 196 desde = new Date(new Date(fechaDesde.setHours(0)).setMinutes(0));
197 desde = new Date(desde); 197 desde = new Date(desde);
198 } 198 }
199 if($scope.fechaHasta) { 199 if($scope.fechaHasta) {
200 var fechaHasta = $scope.fechaHasta; 200 var fechaHasta = $scope.fechaHasta;
201 hasta = new Date(new Date(fechaHasta.setHours(0)).setMinutes(0)); 201 hasta = new Date(new Date(fechaHasta.setHours(0)).setMinutes(0));
202 hasta = hasta.setDate(hasta.getDate() + 1); 202 hasta = hasta.setDate(hasta.getDate() + 1);
203 hasta = new Date(hasta); 203 hasta = new Date(hasta);
204 } 204 }
205 var datos = { 205 var datos = {
206 actividad: $scope.actividad, 206 actividad: $scope.actividad,
207 idUsuario: $scope.idVendedor, 207 idUsuario: $scope.idVendedor,
208 fechaDesde: desde, 208 fechaDesde: desde,
209 fechaHasta: hasta, 209 fechaHasta: hasta,
210 asignacion: $scope.filtroEstado ? true : ($scope.filtroEstado !== undefined ? 210 asignacion: $scope.filtroEstado ? true : ($scope.filtroEstado !== undefined ?
211 false : undefined) 211 false : undefined)
212 }; 212 };
213 213
214 $scope.datosBuscados = { 214 $scope.datosBuscados = {
215 actividad: $scope.actividad, 215 actividad: $scope.actividad,
216 individual: $scope.idVendedor ? true : false 216 individual: $scope.idVendedor ? true : false
217 }; 217 };
218 218
219 focaLogisticaPedidoRutaService.obtenerActividad(datos).then(function(datos) { 219 focaLogisticaPedidoRutaService.obtenerActividad(datos).then(function(datos) {
220 if(JSON.stringify(datos.data) !== JSON.stringify($scope.marcadores)) { 220 if(JSON.stringify(datos.data) !== JSON.stringify($scope.marcadores)) {
221 $scope.marcadores = datos.data; 221 $scope.marcadores = datos.data;
222 } 222 }
223 }); 223 });
224 } 224 }
225 225
226 function eliminarVehiculo(vehiculo) { 226 function eliminarVehiculo(vehiculo) {
227 focaLogisticaPedidoRutaService.getRemitos(vehiculo.id).then(function(res) { 227 focaLogisticaPedidoRutaService.getRemitosByIdVehiculo(vehiculo.id).then(function(res) {
228 if(!focaLogisticaPedidoRutaService.obtenerRemitosDeCarga(res.data).length) { 228 if(!res.data.length) {
229 $scope.vehiculos.splice($scope.vehiculos.indexOf(vehiculo), 1); 229 $scope.vehiculos.splice($scope.vehiculos.indexOf(vehiculo), 1);
230 }else { 230 }else {
231 focaModalService.alert('No ha sido posible eliminar el vehiculo porque ' + 231 focaModalService.alert('No ha sido posible eliminar el vehiculo porque ' +
232 'tiene remitos asociados').then(function() { 232 'tiene remitos asociados').then(function() {
233 $scope.hacerHojaRuta(vehiculo); 233 $scope.hacerHojaRuta(vehiculo);
234 }); 234 });
235 } 235 }
236 }); 236 });
237 } 237 }
238 238
239 function eligioFecha() { 239 function eligioFecha() {
240 if(!$scope.fechaReparto) { 240 if(!$scope.fechaReparto) {
241 focaModalService.alert('Primero seleccione fecha de reparto'); 241 focaModalService.alert('Primero seleccione fecha de reparto');
242 return false; 242 return false;
243 } 243 }
244 return true; 244 return true;
245 } 245 }
246 246
247 function vehiculoEnUso(vehiculo) { 247 function vehiculoEnUso(vehiculo) {
248 var idUsuario = focaLogisticaPedidoRutaService.idUsuario; 248 var idUsuario = focaLogisticaPedidoRutaService.idUsuario;
249 for(var i = 0; i < vehiculo.cisternas.length; i++) { 249 for(var i = 0; i < vehiculo.cisternas.length; i++) {
250 for(var j = 0; j < vehiculo.cisternas[i].cisternasCarga.length; j++) { 250 for(var j = 0; j < vehiculo.cisternas[i].cisternasCarga.length; j++) {
251 var cisternaCarga = vehiculo.cisternas[i].cisternasCarga[j]; 251 var cisternaCarga = vehiculo.cisternas[i].cisternasCarga[j];
252 if(cisternaCarga.fechaReparto.substring(0, 10) === $scope.fechaReparto 252 if(cisternaCarga.fechaReparto.substring(0, 10) === $scope.fechaReparto
253 .toISOString().substring(0, 10) && cisternaCarga.idUsuarioProceso && 253 .toISOString().substring(0, 10) && cisternaCarga.idUsuarioProceso &&
254 cisternaCarga.idUsuarioProceso !== idUsuario) 254 cisternaCarga.idUsuarioProceso !== idUsuario)
255 { 255 {
256 focaModalService.alert('El vehículo está siendo usado por otro usuario'); 256 focaModalService.alert('El vehículo está siendo usado por otro usuario');
257 return true; 257 return true;
258 } 258 }
259 } 259 }
260 } 260 }
261 return false; 261 return false;
262 } 262 }
263 $interval(function() { 263 $interval(function() {
264 getSeguimiento(); 264 getSeguimiento();
265 }, 5000); 265 }, 5000);
266 } 266 }
267 ]); 267 ]);
268 268
src/js/osm-directive.js
Diff comments   View file @ 29382a3
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', function($scope, $filter) { 11 controller: ['$scope', '$filter', function($scope, $filter) {
12 $scope.markers = []; 12 $scope.markers = [];
13 $scope.$watch('marcadores', function() { 13 $scope.$watch('marcadores', function() {
14 for(var i in $scope.markers) { 14 for(var i in $scope.markers) {
15 $scope.map.removeLayer($scope.markers[i]); 15 $scope.map.removeLayer($scope.markers[i]);
16 } 16 }
17 $scope.markers = []; 17 $scope.markers = [];
18 18
19 angular.forEach($scope.marcadores, function(marcador) { 19 angular.forEach($scope.marcadores, function(marcador) {
20 var observacion = 20 var observacion =
21 'Vendedor: ' + marcador.notaPedido.idVendedor + ' - ' + 21 'Vendedor: ' + marcador.notaPedido.idVendedor + ' - ' +
22 ( 22 (
23 marcador.notaPedido.vendedor ? 23 marcador.notaPedido.vendedor ?
24 marcador.notaPedido.vendedor.NomVen : 24 marcador.notaPedido.vendedor.NomVen :
25 '' 25 ''
26 ) + '<br/>'; 26 ) + '<br/>';
27 observacion += 'Fecha: ' + 27 observacion += 'Fecha: ' +
28 $filter('date')(marcador.fecha.slice(0,10), 'dd/MM/yyyy') + ' ' + 28 $filter('date')(marcador.fecha.slice(0,10), 'dd/MM/yyyy') + ' ' +
29 marcador.fecha.slice(11,19) + '<br/>'; 29 marcador.fecha.slice(11,19) + '<br/>';
30 observacion += 'Remito Nº: ' + $filter('comprobante')([ 30 observacion += 'Remito Nº: ' + $filter('comprobante')([
31 marcador.notaPedido.remito.sucursal, 31 marcador.notaPedido.remito.sucursal,
32 marcador.notaPedido.remito.numeroRemito 32 marcador.notaPedido.remito.numeroRemito
33 ]) + '<br/>'; 33 ]) + '<br/>';
34 observacion += 'Cliente: ' + 34 observacion += 'Cliente: ' +
35 marcador.notaPedido.cliente.NOM + '<br/>'; 35 marcador.notaPedido.cliente.NOM + '<br/>';
36 36
37 // if($scope.parametros.individual) { 37 // if($scope.parametros.individual) {
38 observacion += 38 observacion +=
39 'Total: ' + $filter('currency')(marcador.notaPedido.remito.total, '$'); 39 'Total: ' + $filter('currency')(marcador.notaPedido.remito.total, '$');
40 observacion = 'Orden: ' + marcador.orden + '<br/>' + observacion; 40 observacion = 'Orden: ' + marcador.orden + '<br/>' + observacion;
41 41
42 if(marcador.distancia) { 42 if(marcador.distancia) {
43 observacion += '<br/>Distancia a casa central: ' + 43 observacion += '<br/>Distancia a casa central: ' +
44 marcador.distancia + 'km'; 44 marcador.distancia + 'km';
45 } 45 }
46 observacion += '<br/>';
47 observacion += '<i class="fa fa-map-marker fa-3x" aria-hidden="true"'+
48 'class="form-control" ondragend="dropEnd()" ondragstart=\'drag(event, '+
49 JSON.stringify(marcador)+')\' draggable="true"></i>(Arrastrar icono)';
50 var icon; 46 var icon;
51 if(marcador.notaPedido.remito.idUsuarioProceso) { 47 if(marcador.notaPedido.remito.idUsuarioProceso) {
52 //Asignado ROJO 48 //Asignado ROJO
53 icon = new L.Icon({ 49 icon = new L.Icon({
54 iconUrl: 'img/marker-icon-2x-red.png', 50 iconUrl: 'img/marker-icon-2x-red.png',
55 shadowUrl: 'img/marker-shadow.png', 51 shadowUrl: 'img/marker-shadow.png',
56 iconSize: [25, 41], 52 iconSize: [25, 41],
57 iconAnchor: [12, 41], 53 iconAnchor: [12, 41],
58 popupAnchor: [1, -34], 54 popupAnchor: [1, -34],
59 shadowSize: [41, 41] 55 shadowSize: [41, 41]
60 }); 56 });
61 }else { 57 }else {
58 observacion += '<br/>';
59 observacion += '<i class="fa fa-map-marker fa-3x" aria-hidden="true"'+
60 'class="form-control" ondragend="dropEnd()" ondragstart=\'drag(event, '+
61 JSON.stringify(marcador)+')\' draggable="true"></i>(Arrastrar icono)';
62 //Sin asignar VERDE 62 //Sin asignar VERDE
63 icon = new L.Icon({ 63 icon = new L.Icon({
64 iconUrl: 'img/marker-icon-2x-green.png', 64 iconUrl: 'img/marker-icon-2x-green.png',
65 shadowUrl: 'img/marker-shadow.png', 65 shadowUrl: 'img/marker-shadow.png',
66 iconSize: [25, 41], 66 iconSize: [25, 41],
67 iconAnchor: [12, 41], 67 iconAnchor: [12, 41],
68 popupAnchor: [1, -34], 68 popupAnchor: [1, -34],
69 shadowSize: [41, 41] 69 shadowSize: [41, 41]
70 }); 70 });
71 } 71 }
72 $scope.markers.push( 72 $scope.markers.push(
73 L.marker( 73 L.marker(
74 [marcador.latitud, marcador.longitud], {icon: icon}) 74 [marcador.latitud, marcador.longitud], {icon: icon})
75 .addTo($scope.map) 75 .addTo($scope.map)
76 .bindPopup(observacion) 76 .bindPopup(observacion)
77 .bindTooltip('Haga click para seleccionar') 77 .bindTooltip('Haga click para seleccionar')
78 ); 78 );
79 //abre marcador del primer punto 79 //abre marcador del primer punto
80 //$scope.markers[0].openPopup(); 80 //$scope.markers[0].openPopup();
81 }); 81 });
82 }); 82 });
83 }], 83 }],
84 scope: { 84 scope: {
85 latitud: '=', 85 latitud: '=',
86 longitud: '=', 86 longitud: '=',
87 zoom: '=', 87 zoom: '=',
88 marcadores: '=', 88 marcadores: '=',
89 parametros: '=' 89 parametros: '='
1 angular.module('focaLogisticaPedidoRuta') 1 angular.module('focaLogisticaPedidoRuta')
2 .factory( 2 .factory(
3 'focaLogisticaPedidoRutaService', [ 3 'focaLogisticaPedidoRutaService', [
4 '$http', 4 '$http',
5 '$cookies', 5 '$cookies',
6 'API_ENDPOINT', 6 'API_ENDPOINT',
7 '$filter', 7 '$filter',
8 function($http, $cookies, API_ENDPOINT, $filter) { 8 function($http, $cookies, API_ENDPOINT, $filter) {
9 var url = API_ENDPOINT.URL; 9 var url = API_ENDPOINT.URL;
10 return { 10 return {
11 idUsuario: $cookies.get('vendedorCobrador'), 11 idUsuario: $cookies.get('vendedorCobrador'),
12 obtenerActividad: function(parametros) { 12 obtenerActividad: function(parametros) {
13 return $http.post(url + '/seguimiento/filtros', parametros); 13 return $http.post(url + '/seguimiento/filtros', parametros);
14 }, 14 },
15 numeroHojaRuta: function() { 15 numeroHojaRuta: function() {
16 return $http.get(url + '/hoja-ruta/numero-siguiente'); 16 return $http.get(url + '/hoja-ruta/numero-siguiente');
17 }, 17 },
18 getRemitos: function(idVehiculo) { 18 getRemitos: function(idVehiculo) {
19 return $http.get(url + '/remito/sin-hoja-ruta/' + idVehiculo); 19 return $http.get(url + '/remito/sin-hoja-ruta/' + idVehiculo);
20 }, 20 },
21 cerrarDistribuicion: function(remitos) { 21 cerrarDistribuicion: function(remitos) {
22 return $http.post(url + '/vehiculo/cierre-distribuicion', remitos); 22 return $http.post(url + '/vehiculo/cierre-distribuicion', remitos);
23 }, 23 },
24 desasociarRemitos: function(remitos, idVehiculo, sinRemitos) { 24 desasociarRemitos: function(remitos, idVehiculo, sinRemitos) {
25 var idsRemitos = []; 25 var idsRemitos = [];
26 for (var i = 0; i < remitos.length; i++) { 26 for (var i = 0; i < remitos.length; i++) {
27 idsRemitos.push(remitos[i].id); 27 idsRemitos.push(remitos[i].id);
28 } 28 }
29 return $http.post(url + '/vehiculo/desasociar-remitos', 29 return $http.post(url + '/vehiculo/desasociar-remitos',
30 { 30 {
31 idsRemitos: idsRemitos, 31 idsRemitos: idsRemitos,
32 idVehiculo: idVehiculo, 32 idVehiculo: idVehiculo,
33 vehiculoSinRemitos: sinRemitos 33 vehiculoSinRemitos: sinRemitos
34 }); 34 });
35 }, 35 },
36 getRemitosByIdVehiculo: function(idVehiculo, sinConfirmar, sinHojaRuta) { 36 getRemitosByIdVehiculo: function(idVehiculo, sinConfirmar, sinHojaRuta) {
37 var sinHoja = sinHojaRuta ? '/sinHojaRuta' : '';
37 return $http.get(url + '/vehiculo/obtener/remitos/' + 38 return $http.get(url + '/vehiculo/obtener/remitos/' +
38 idVehiculo + '/' + this.fecha.toISOString().substring(0, 10) + 39 idVehiculo + '/' + this.fecha.toISOString().substring(0, 10) +
39 '/' + sinConfirmar + '/' + sinHojaRuta); 40 '/' + sinConfirmar + sinHoja);
40 }, 41 },
41 getVehiculosByIdUsuario: function() { 42 getVehiculosByIdUsuario: function() {
42 return $http.get(url + '/vehiculo/usuario/' + this.idUsuario); 43 return $http.get(url + '/vehiculo/usuario/' + this.idUsuario);
43 }, 44 },
44 getUnidadesByFecha: function() { 45 getUnidadesByFecha: function() {
45 return $http.post(url + '/vehiculo/listar/fecha', 46 return $http.post(url + '/vehiculo/listar/fecha',
46 {fecha: this.fecha}); 47 {fecha: this.fecha});
47 }, 48 },
48 setFechaReparto: function(fechaReparto) { 49 setFechaReparto: function(fechaReparto) {
49 this.fecha = fechaReparto; 50 this.fecha = fechaReparto;
50 }, 51 },
51 obtenerVehiculoById: function(idVehiculo) { 52 obtenerVehiculoById: function(idVehiculo) {
52 return $http.get(url + '/vehiculo/' + idVehiculo); 53 return $http.get(url + '/vehiculo/' + idVehiculo);
53 } 54 }
54 }; 55 };
55 }]); 56 }]);
56 57
src/views/foca-logistica-pedido-ruta.html
Diff comments   View file @ 29382a3
1 <div class="foca-logistica-pedido-ruta" id="scope"> 1 <div class="foca-logistica-pedido-ruta" id="scope">
2 <div class="row"> 2 <div class="row">
3 <foca-cabecera-facturador 3 <foca-cabecera-facturador
4 titulo="titulo" 4 titulo="titulo"
5 fecha="now" 5 fecha="now"
6 class="mb-0 col-lg-12" 6 class="mb-0 col-lg-12"
7 ></foca-cabecera-facturador> 7 ></foca-cabecera-facturador>
8 </div> 8 </div>
9 <div class="row px-5 py-2 botonera-secundaria position-relative"> 9 <div class="row px-5 py-2 botonera-secundaria position-relative">
10 <div class="col-10"> 10 <div class="col-10">
11 <foca-botonera-facturador botones="botonera" max="6" class="row"></foca-botonera-facturador> 11 <foca-botonera-facturador botones="botonera" max="6" class="row"></foca-botonera-facturador>
12 </div> 12 </div>
13 <div class="col-2 pl-0 position-absolute right-0"> 13 <div class="col-2 pl-0 position-absolute right-0">
14 <strong>Filtros: </strong> 14 <strong>Filtros: </strong>
15 <br> 15 <br>
16 <span>Fecha Desde</span> 16 <span>Fecha Desde</span>
17 <input 17 <input
18 type="text" 18 type="text"
19 readonly 19 readonly
20 ng-model="fechaDesde" 20 ng-model="fechaDesde"
21 class="form-control form-control-sm" 21 class="form-control form-control-sm"
22 uib-datepicker-popup="dd/MM/yyyy" 22 uib-datepicker-popup="dd/MM/yyyy"
23 show-button-bar="false" 23 show-button-bar="false"
24 is-open="fechaDesdeOpen" 24 is-open="fechaDesdeOpen"
25 on-open-focus="false" 25 on-open-focus="false"
26 ng-focus="fechaDesdeOpen = true" 26 ng-focus="fechaDesdeOpen = true"
27 ng-change="search()" 27 ng-change="search()"
28 /> 28 />
29 <span>Fecha Hasta</span> 29 <span>Fecha Hasta</span>
30 <input 30 <input
31 type="text" 31 type="text"
32 readonly 32 readonly
33 ng-model="fechaHasta" 33 ng-model="fechaHasta"
34 class="form-control form-control-sm" 34 class="form-control form-control-sm"
35 uib-datepicker-popup="dd/MM/yyyy" 35 uib-datepicker-popup="dd/MM/yyyy"
36 show-button-bar="false" 36 show-button-bar="false"
37 is-open="fechaHastaOpen" 37 is-open="fechaHastaOpen"
38 on-open-focus="false" 38 on-open-focus="false"
39 ng-focus="fechaHastaOpen = true" 39 ng-focus="fechaHastaOpen = true"
40 ng-change="search()" 40 ng-change="search()"
41 /> 41 />
42 <div class="custom-control custom-radio"> 42 <div class="custom-control custom-radio">
43 <input 43 <input
44 type="radio" 44 type="radio"
45 class="custom-control-input" 45 class="custom-control-input"
46 id="idTodos" 46 id="idTodos"
47 name="filtro" 47 name="filtro"
48 ng-model="filtroEstado" 48 ng-model="filtroEstado"
49 ng-change="search()" 49 ng-change="search()"
50 checked> 50 checked>
51 <label class="custom-control-label pb-3" for="idTodos"></label> 51 <label class="custom-control-label pb-3" for="idTodos"></label>
52 <img src="img/marker-icon-grey.png"> 52 <img src="img/marker-icon-grey.png">
53 <strong>Todos</strong> 53 <strong>Todos</strong>
54 </div> 54 </div>
55 <div class="custom-control custom-radio"> 55 <div class="custom-control custom-radio">
56 <input 56 <input
57 type="radio" 57 type="radio"
58 class="custom-control-input" 58 class="custom-control-input"
59 id="idSinAsignar" 59 id="idSinAsignar"
60 name="filtro" 60 name="filtro"
61 ng-model="filtroEstado" 61 ng-model="filtroEstado"
62 ng-change="search()" 62 ng-change="search()"
63 ng-value="false"> 63 ng-value="false">
64 <label class="custom-control-label pb-3" for="idSinAsignar"></label> 64 <label class="custom-control-label pb-3" for="idSinAsignar"></label>
65 <img src="img/marker-icon-green.png"> 65 <img src="img/marker-icon-green.png">
66 <strong>Sin asignar</strong> 66 <strong>Sin asignar</strong>
67 </div> 67 </div>
68 <div class="custom-control custom-radio"> 68 <div class="custom-control custom-radio">
69 <input 69 <input
70 type="radio" 70 type="radio"
71 class="custom-control-input" 71 class="custom-control-input"
72 id="idAsignado" 72 id="idAsignado"
73 name="filtro" 73 name="filtro"
74 ng-model="filtroEstado" 74 ng-model="filtroEstado"
75 ng-change="search()" 75 ng-change="search()"
76 ng-value="true"> 76 ng-value="true">
77 <label class="custom-control-label pb-3" for="idAsignado"></label> 77 <label class="custom-control-label pb-3" for="idAsignado"></label>
78 <img src="img/marker-icon-red.png"> 78 <img src="img/marker-icon-red.png">
79 <strong>Asignado</strong> 79 <strong>Asignado</strong>
80 </div> 80 </div>
81 </div> 81 </div>
82 </div> 82 </div>
83 <div class="row px-5"> 83 <div class="row px-5">
84 <div class="col-10"> 84 <div class="col-10">
85 <foca-logistica 85 <foca-logistica
86 latitud="-32.89214159952345" 86 latitud="-32.89214159952345"
87 longitud="-68.84572999101856" 87 longitud="-68.84572999101856"
88 zoom="14" 88 zoom="14"
89 marcadores="marcadores" 89 marcadores="marcadores"
90 parametros= "datosBuscados" 90 parametros= "datosBuscados"
91 /> 91 />
92 </div> 92 </div>
93 <div class="row"> 93 <div class="row">
94 <div 94 <div
95 class="container col-auto" 95 class="container col-auto"
96 ng-repeat="vehiculo in vehiculos" 96 ng-repeat="vehiculo in vehiculos"
97 ng-click="mostrarDetalleVehiculo(vehiculo)" 97 ng-click="mostrarDetalleVehiculo(vehiculo)"
98 > 98 >
99 <div> 99 <div>
100 <div class="col-md-3 col-sm-6"> 100 <div class="col-md-3 col-sm-6">
101 <div class="progress-circle" ng-class="{'arrastrando': arrastrando}"> 101 <div class="progress-circle" ng-class="{'arrastrando': arrastrando}">
102 <span class="progress-left"> 102 <span class="progress-left">
103 <span class="progress-bar"></span> 103 <span class="progress-bar"></span>
104 </span> 104 </span>
105 <span class="progress-right"> 105 <span class="progress-right">
106 <span class="progress-bar"></span> 106 <span class="progress-bar"></span>
107 </span> 107 </span>
108 <div class="progress-value">{{vehiculo.codigo}} 108 <div class="progress-value py-4 px-3 d-flex align-content-between flex-wrap">
109 <br> 109 <small class="w-100">
110 <small> 110 <small>
111 {{vehiculo.transportista.NOM.trim()}} 111 <small>
112 {{vehiculo.transportista.NOM.trim()}}
113 </small>
114 </small>
115 </small>
116 <small class="w-100">
117 {{vehiculo.codigo}}
112 </small> 118 </small>
113 </div> 119 </div>
114 </div> 120 </div>
115 </div> 121 </div>
116 <div class="row ml-2"> 122 <div class="row ml-2">
117 <div class="col-3 position-absolute"> 123 <div class="col-3 position-absolute">
118 <img 124 <img
119 src="img/hojaRutaVolante.png" 125 src="img/hojaRutaVolante.png"
120 width="100%"> 126 width="100%">
121 </div> 127 </div>
122 <div class="col-3" 128 <div class="col-3"
123 uib-tooltip="Confirmar distribuición" 129 uib-tooltip="Confirmar distribuición"
124 ng-click="hacerHojaRuta(vehiculo)"></div> 130 ng-click="hacerHojaRuta(vehiculo)"></div>
125 <div class="col-3"> 131 <div class="col-3">
126 <i 132 <i
127 class="fa fa-eye fa-2x" 133 class="fa fa-eye fa-2x"
128 uib-tooltip="Ver cisternas" 134 uib-tooltip="Ver cisternas"
129 ng-click="cargar(vehiculo.id, -1)"> 135 ng-click="cargar(vehiculo.id, -1)">
130 </i> 136 </i>
131 </div> 137 </div>
132 <div class="col-3 ml-2"> 138 <div class="col-3 ml-2">
133 <i 139 <i
134 class="fa fa-trash fa-2x" 140 class="fa fa-trash fa-2x"
135 uib-tooltip="Eliminar vehiculo" 141 uib-tooltip="Eliminar vehiculo"
136 ng-click="quitarVehiculo(vehiculo)"></i> 142 ng-click="quitarVehiculo(vehiculo)"></i>
137 </div> 143 </div>
138 </div> 144 </div>
139 <div 145 <div
140 class="ml-1 border border-dark text-center" 146 class="ml-1 border border-dark text-center"
141 ng-show="arrastrando" 147 ng-show="arrastrando"
142 id="{{vehiculo.id}}" 148 id="{{vehiculo.id}}"
143 ondrop="drop(event)" 149 ondrop="drop(event)"
144 ondragover="allowDrop(event)" 150 ondragover="allowDrop(event)"
145 >Soltar acá</div> 151 >Soltar acá</div>
146 </div> 152 </div>
147 </div> 153 </div>
148 </div> 154 </div>
149 </div> 155 </div>
150 </div> 156 </div>
151 157
src/views/foca-modal-cerrar-vehiculo.html
Diff comments   View file @ 29382a3
1 <div class="modal-header"> 1 <div class="modal-header">
2 <h4>Confirmar distribución vehículo</h4> 2 <h4>Confirmar distribución vehículo</h4>
3 <div class="row"> 3 <div class="row">
4 <div class="col-6 row"> 4 <div class="col-6 row">
5 <label class="col-3 mt-2">Fecha:</label> 5 <label class="col-3 mt-2">Fecha:</label>
6 <input 6 <input
7 type="text" 7 type="text"
8 readonly 8 readonly
9 ng-model="now" 9 ng-model="now"
10 uib-datepicker-popup="dd/MM/yyyy" 10 uib-datepicker-popup="dd/MM/yyyy"
11 show-button-bar="false" 11 show-button-bar="false"
12 is-open="datepickerOpen" 12 is-open="datepickerOpen"
13 on-open-focus="false" 13 on-open-focus="false"
14 class="form-control col-8"/> 14 class="form-control col-8"/>
15 </div> 15 </div>
16 </div> 16 </div>
17 </div> 17 </div>
18 <div class="modal-body"> 18 <div class="modal-body">
19 <form class="row" name="formHojaRuta"> 19 <form class="row" name="formHojaRuta">
20 20
21 <div class="col-2"> 21 <div class="col-2">
22 <label>Transportista</label> 22 <label>Transportista</label>
23 </div> 23 </div>
24 <div class="col-4"> 24 <div class="col-4">
25 <input 25 <input
26 class="form-control" 26 class="form-control"
27 readonly 27 readonly
28 ng-value="vehiculo.transportista.COD + ' ' + vehiculo.transportista.NOM" 28 ng-value="vehiculo.transportista.COD + ' ' + vehiculo.transportista.NOM"
29 > 29 >
30 </div> 30 </div>
31 <div class="col-2 form-group"> 31 <div class="col-2 form-group">
32 <label>Unidad</label> 32 <label>Unidad</label>
33 </div> 33 </div>
34 <div class="col-4"> 34 <div class="col-4">
35 <input 35 <input
36 class="form-control" 36 class="form-control"
37 readonly 37 readonly
38 ng-model="vehiculo.tractor" 38 ng-model="vehiculo.tractor"
39 > 39 >
40 </div> 40 </div>
41 </form> 41 </form>
42 <strong>Remitos:</strong> 42 <strong>Remitos:</strong>
43 <table class="table"> 43 <table class="table">
44 <thead> 44 <thead>
45 <tr> 45 <tr>
46 <th>Remito Nº</th> 46 <th>Remito Nº</th>
47 <th>Cliente</th> 47 <th>Cliente</th>
48 <th>Domicilio de entrega</th> 48 <th>Domicilio de entrega</th>
49 <th>Eliminar</th> 49 <th>Eliminar
50 <i
51 class="fa fa-info"
52 uib-tooltip="Los remitos que no se pueden eliminar tienen asignada una hoja de ruta">
53 </i>
54 </th>
50 </tr> 55 </tr>
51 </thead> 56 </thead>
52 <tbody> 57 <tbody>
53 <tr ng-show="!remitos.length"> 58 <tr ng-show="!remitos.length">
54 <td colspan="3"> 59 <td colspan="3">
55 No se han encontrado remitos. 60 No se han encontrado remitos.
56 </td> 61 </td>
57 </tr> 62 </tr>
58 <tr ng-repeat="remito in remitos"> 63 <tr ng-repeat="remito in remitos">
59 <td ng-bind="[remito.sucursal, remito.numeroRemito] | comprobante"></td> 64 <td ng-bind="[remito.sucursal, remito.numeroRemito] | comprobante"></td>
60 <td ng-bind="remito.nombreCliente"></td> 65 <td ng-bind="remito.nombreCliente"></td>
61 <td ng-bind="remito.domicilioStamp"></td> 66 <td ng-bind="remito.domicilioStamp"></td>
62 <td> 67 <td>
63 <div class="custom-control custom-checkbox"> 68 <div class="custom-control custom-checkbox">
64 <input 69 <input
65 type="checkbox" 70 type="checkbox"
66 ng-model="remito.checked" 71 ng-model="remito.checked"
67 class="custom-control-input" 72 class="custom-control-input"
68 id="{{remito.id}}" 73 id="{{remito.id}}"
69 ng-disabled="remito.idHojaRuta"> 74 ng-disabled="remito.idHojaRuta">
70 <label class="custom-control-label" for="{{remito.id}}"></label> 75 <label class="custom-control-label" for="{{remito.id}}"></label>
71 </div> 76 </div>
72 </td> 77 </td>
73 </tr> 78 </tr>
74 </tbody> 79 </tbody>
75 </table> 80 </table>
76 </div> 81 </div>
77 <div class="modal-footer py-1"> 82 <div class="modal-footer py-1">
78 <button 83 <button
79 class="btn btn-sm btn-danger" 84 class="btn btn-sm btn-danger"
80 type="button" 85 type="button"
81 ng-click="eliminarRemitos()" 86 ng-click="eliminarRemitos()"
82 ng-disabled="minimoUnoChecked()">Eliminar</button> 87 ng-disabled="minimoUnoChecked()">Eliminar</button>
83 <button 88 <button
84 class="btn btn-sm btn-secondary" 89 class="btn btn-sm btn-secondary"
85 ladda="cargando" 90 ladda="cargando"
86 type="button" 91 type="button"
87 ng-click="cancelar()">Cancelar</button> 92 ng-click="cancelar()">Cancelar</button>
88 <button 93 <button
89 class="btn btn-sm btn-primary" 94 class="btn btn-sm btn-primary"
90 ladda="cargando" 95 ladda="cargando"
91 type="button" 96 type="button"
92 ng-disabled="!formHojaRuta.$valid || !remitos.length" 97 ng-disabled="!formHojaRuta.$valid || !remitos.length"
93 ng-click="aceptar()">Cerrar distribución</button> 98 ng-click="aceptar()">Cerrar distribución</button>
94 </div> 99 </div>
95 100