Luigi / foca-logistica-pedido-ruta

Download as
Browse Code »

Commit d9a84d9f8885f3885252cad608bd04896431e5a7

Authored by Eric Fernandez
2 parents e374430231 6a7d373bab
Exists in master

Merge branch 'master' into 'master' 

Master

See merge request !29
Showing 2 changed files   Show diff stats
src/js/controller.js
Diff comments   View file @ d9a84d9
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: 'Unidad', 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.seleccionarUnidad = function() { 134 $scope.seleccionarUnidad = 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.seleccionarVehiculo(transportista.COD); 149 $scope.seleccionarVehiculo(transportista.COD);
150 }); 150 });
151 }; 151 };
152 152
153 $scope.seleccionarVehiculo = function(idTransportista) { 153 $scope.seleccionarVehiculo = 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.getRemitos(vehiculo.id).then(function(res) {
228 if(!focaLogisticaPedidoRutaService.obtenerRemitosDeCarga(res.data).length) { 228 if(!focaLogisticaPedidoRutaService.obtenerRemitosDeCarga(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 // TODO: descomentar en produccion 263 // TODO: descomentar en produccion
264 // $interval(function() { 264 // $interval(function() {
265 // getSeguimiento(); 265 // getSeguimiento();
266 // }, 5000); 266 // }, 5000);
267 } 267 }
268 ]); 268 ]);
269 269
src/views/foca-logistica-pedido-ruta.html
Diff comments   View file @ d9a84d9
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"> 9 <div class="row px-5 py-2 botonera-secundaria position-relative">
10 <div class="col-12"> 10 <div class="col-10">
11 <foca-botonera-facturador botones="botonera" extra="4" class="row"></foca-botonera-facturador> 11 <foca-botonera-facturador botones="botonera" max="6" class="row"></foca-botonera-facturador>
12 </div> 12 </div>
13 </div> 13 <div class="col-2 pl-0 position-absolute right-0">
14 <div class="row">
15 <div class="offset-1 col-9">
16 <foca-logistica
17 latitud="-32.89214159952345"
18 longitud="-68.84572999101856"
19 zoom="14"
20 marcadores="marcadores"
21 parametros= "datosBuscados"
22 />
23 </div>
24 <div class="col-2 pl-0">
25 <strong>Filtros: </strong> 14 <strong>Filtros: </strong>
26 <br> 15 <br>
27 <span>Fecha Desde</span> 16 <span>Fecha Desde</span>
28 <input 17 <input
29 type="text" 18 type="text"
30 readonly 19 readonly
31 ng-model="fechaDesde" 20 ng-model="fechaDesde"
32 class="form-control form-control-sm" 21 class="form-control form-control-sm"
33 uib-datepicker-popup="dd/MM/yyyy" 22 uib-datepicker-popup="dd/MM/yyyy"
34 show-button-bar="false" 23 show-button-bar="false"
35 is-open="fechaDesdeOpen" 24 is-open="fechaDesdeOpen"
36 on-open-focus="false" 25 on-open-focus="false"
37 ng-focus="fechaDesdeOpen = true" 26 ng-focus="fechaDesdeOpen = true"
38 ng-change="search()" 27 ng-change="search()"
39 /> 28 />
40 <span>Fecha Hasta</span> 29 <span>Fecha Hasta</span>
41 <input 30 <input
42 type="text" 31 type="text"
43 readonly 32 readonly
44 ng-model="fechaHasta" 33 ng-model="fechaHasta"
45 class="form-control form-control-sm" 34 class="form-control form-control-sm"
46 uib-datepicker-popup="dd/MM/yyyy" 35 uib-datepicker-popup="dd/MM/yyyy"
47 show-button-bar="false" 36 show-button-bar="false"
48 is-open="fechaHastaOpen" 37 is-open="fechaHastaOpen"
49 on-open-focus="false" 38 on-open-focus="false"
50 ng-focus="fechaHastaOpen = true" 39 ng-focus="fechaHastaOpen = true"
51 ng-change="search()" 40 ng-change="search()"
52 /> 41 />
53 <div class="custom-control custom-radio"> 42 <div class="custom-control custom-radio">
54 <input 43 <input
55 type="radio" 44 type="radio"
56 class="custom-control-input" 45 class="custom-control-input"
57 id="idTodos" 46 id="idTodos"
58 name="filtro" 47 name="filtro"
59 ng-model="filtroEstado" 48 ng-model="filtroEstado"
60 ng-change="search()" 49 ng-change="search()"
61 checked> 50 checked>
62 <label class="custom-control-label pb-3" for="idTodos"></label> 51 <label class="custom-control-label pb-3" for="idTodos"></label>
63 <img src="img/marker-icon-grey.png"> 52 <img src="img/marker-icon-grey.png">
64 <strong>Todos</strong> 53 <strong>Todos</strong>
65 </div> 54 </div>
66 <div class="custom-control custom-radio"> 55 <div class="custom-control custom-radio">
67 <input 56 <input
68 type="radio" 57 type="radio"
69 class="custom-control-input" 58 class="custom-control-input"
70 id="idSinAsignar" 59 id="idSinAsignar"
71 name="filtro" 60 name="filtro"
72 ng-model="filtroEstado" 61 ng-model="filtroEstado"
73 ng-change="search()" 62 ng-change="search()"
74 ng-value="false"> 63 ng-value="false">
75 <label class="custom-control-label pb-3" for="idSinAsignar"></label> 64 <label class="custom-control-label pb-3" for="idSinAsignar"></label>
76 <img src="img/marker-icon-green.png"> 65 <img src="img/marker-icon-green.png">
77 <strong>Sin asignar</strong> 66 <strong>Sin asignar</strong>
78 </div> 67 </div>
79 <div class="custom-control custom-radio"> 68 <div class="custom-control custom-radio">
80 <input 69 <input
81 type="radio" 70 type="radio"
82 class="custom-control-input" 71 class="custom-control-input"
83 id="idAsignado" 72 id="idAsignado"
84 name="filtro" 73 name="filtro"
85 ng-model="filtroEstado" 74 ng-model="filtroEstado"
86 ng-change="search()" 75 ng-change="search()"
87 ng-value="true"> 76 ng-value="true">
88 <label class="custom-control-label pb-3" for="idAsignado"></label> 77 <label class="custom-control-label pb-3" for="idAsignado"></label>
89 <img src="img/marker-icon-red.png"> 78 <img src="img/marker-icon-red.png">
90 <strong>Asignado</strong> 79 <strong>Asignado</strong>
91 </div> 80 </div>
92 </div> 81 </div>
82 </div>
83 <div class="row px-5">
84 <div class="col-10">
85 <foca-logistica
86 latitud="-32.89214159952345"
87 longitud="-68.84572999101856"
88 zoom="14"
89 marcadores="marcadores"
90 parametros= "datosBuscados"
91 />
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}}</div> 108 <div class="progress-value">{{vehiculo.codigo}}</div>
109 </div> 109 </div>
110 </div> 110 </div>
111 <div class="row ml-2"> 111 <div class="row ml-2">
112 <div class="col-3 position-absolute"> 112 <div class="col-3 position-absolute">
113 <img 113 <img
114 src="img/hojaRutaVolante.png" 114 src="img/hojaRutaVolante.png"
115 width="100%"> 115 width="100%">
116 </div> 116 </div>
117 <div class="col-3" 117 <div class="col-3"
118 uib-tooltip="Cerrar distribuición" 118 uib-tooltip="Cerrar distribuición"
119 ng-click="hacerHojaRuta(vehiculo)"></div> 119 ng-click="hacerHojaRuta(vehiculo)"></div>
120 <div class="col-3"> 120 <div class="col-3">
121 <i 121 <i
122 class="fa fa-eye fa-2x" 122 class="fa fa-eye fa-2x"
123 uib-tooltip="Ver cisternas" 123 uib-tooltip="Ver cisternas"
124 ng-click="cargar(vehiculo.id, -1)"> 124 ng-click="cargar(vehiculo.id, -1)">
125 </i> 125 </i>
126 </div> 126 </div>
127 <div class="col-3 ml-2"> 127 <div class="col-3 ml-2">
128 <i 128 <i
129 class="fa fa-trash fa-2x" 129 class="fa fa-trash fa-2x"
130 uib-tooltip="Eliminar vehiculo" 130 uib-tooltip="Eliminar vehiculo"
131 ng-click="quitarVehiculo(vehiculo)"></i> 131 ng-click="quitarVehiculo(vehiculo)"></i>
132 </div> 132 </div>
133 </div> 133 </div>
134 <div 134 <div
135 class="ml-1 border border-dark text-center" 135 class="ml-1 border border-dark text-center"