Luigi / foca-logistica-pedido-ruta

Download as
Browse Code »

Commit ed18f5fdc524486f079e3e1b02ccf3e93a8b3f61

Authored by Jose Pinto
1 parent af23c91336
Exists in master

label boton, ajusto vista botonera y filtros

Showing 2 changed files with 16 additions and 16 deletions   Show diff stats
src/js/controller.js
Diff comments   View file @ ed18f5f
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(!$scope.fechaReparto) { 50 if(!$scope.fechaReparto) {
51 focaModalService.alert('Primero seleccione fecha de reparto'); 51 focaModalService.alert('Primero seleccione fecha de reparto');
52 return; 52 return;
53 } 53 }
54 var idRemito; 54 var idRemito;
55 if(punto === -1) { 55 if(punto === -1) {
56 idRemito = -1; 56 idRemito = -1;
57 }else { 57 }else {
58 idRemito = JSON.parse(punto).notaPedido.remito.id; 58 idRemito = JSON.parse(punto).notaPedido.remito.id;
59 } 59 }
60 var modalInstance = $uibModal.open( 60 var modalInstance = $uibModal.open(
61 { 61 {
62 ariaLabelledBy: 'Busqueda de Vehiculo', 62 ariaLabelledBy: 'Busqueda de Vehiculo',
63 templateUrl: 'foca-detalle-vehiculo.html', 63 templateUrl: 'foca-detalle-vehiculo.html',
64 controller: 'focaDetalleVehiculo', 64 controller: 'focaDetalleVehiculo',
65 size: 'lg', 65 size: 'lg',
66 resolve: { 66 resolve: {
67 idVehiculo: function() {return idVehiculo;}, 67 idVehiculo: function() {return idVehiculo;},
68 idRemito: function() {return idRemito;}, 68 idRemito: function() {return idRemito;},
69 fechaReparto: function() {return $scope.fechaReparto;} 69 fechaReparto: function() {return $scope.fechaReparto;}
70 } 70 }
71 } 71 }
72 ); 72 );
73 modalInstance.result.then(function() { 73 modalInstance.result.then(function() {
74 }, function() { 74 }, function() {
75 }); 75 });
76 }; 76 };
77 77
78 $scope.quitarVehiculo = function(vehiculo) { 78 $scope.quitarVehiculo = function(vehiculo) {
79 //TODO: Pasar validación a función 79 //TODO: Pasar validación a función
80 $scope.fechaReparto.setHours(0, 0, 0, 0); 80 $scope.fechaReparto.setHours(0, 0, 0, 0);
81 var idUsuario = focaLogisticaPedidoRutaService.idUsuario; 81 var idUsuario = focaLogisticaPedidoRutaService.idUsuario;
82 for(var i = 0; i < vehiculo.cisternas.length; i++) { 82 for(var i = 0; i < vehiculo.cisternas.length; i++) {
83 for(var j = 0; j < vehiculo.cisternas[i].cisternasCarga.length; j++) { 83 for(var j = 0; j < vehiculo.cisternas[i].cisternasCarga.length; j++) {
84 var cisternaCarga = vehiculo.cisternas[i].cisternasCarga[j]; 84 var cisternaCarga = vehiculo.cisternas[i].cisternasCarga[j];
85 if(cisternaCarga.fechaReparto.substring(0, 10) === $scope.fechaReparto 85 if(cisternaCarga.fechaReparto.substring(0, 10) === $scope.fechaReparto
86 .toISOString().substring(0, 10) && cisternaCarga.idUsuarioProceso !== 86 .toISOString().substring(0, 10) && cisternaCarga.idUsuarioProceso !==
87 idUsuario) 87 idUsuario)
88 { 88 {
89 focaModalService.alert('El vehículo está siendo usado por otro usuario'); 89 focaModalService.alert('El vehículo está siendo usado por otro usuario');
90 return; 90 return;
91 } 91 }
92 } 92 }
93 } 93 }
94 focaModalService.confirm('Esta seguro que desea eliminar el vehículo ' + 94 focaModalService.confirm('Esta seguro que desea eliminar el vehículo ' +
95 vehiculo.codigo + '?').then(function() { 95 vehiculo.codigo + '?').then(function() {
96 eliminarVehiculo(vehiculo); 96 eliminarVehiculo(vehiculo);
97 }); 97 });
98 }; 98 };
99 99
100 $scope.hacerHojaRuta = function(vehiculo) { 100 $scope.hacerHojaRuta = function(vehiculo) {
101 if(!$scope.fechaReparto) { 101 if(!$scope.fechaReparto) {
102 focaModalService.alert('Primero seleccione fecha de reparto'); 102 focaModalService.alert('Primero seleccione fecha de reparto');
103 return; 103 return;
104 } 104 }
105 //TODO: Pasar validación a función 105 //TODO: Pasar validación a función
106 $scope.fechaReparto.setHours(0, 0, 0, 0); 106 $scope.fechaReparto.setHours(0, 0, 0, 0);
107 var idUsuario = focaLogisticaPedidoRutaService.idUsuario; 107 var idUsuario = focaLogisticaPedidoRutaService.idUsuario;
108 for(var i = 0; i < vehiculo.cisternas.length; i++) { 108 for(var i = 0; i < vehiculo.cisternas.length; i++) {
109 for(var j = 0; j < vehiculo.cisternas[i].cisternasCarga.length; j++) { 109 for(var j = 0; j < vehiculo.cisternas[i].cisternasCarga.length; j++) {
110 var cisternaCarga = vehiculo.cisternas[i].cisternasCarga[j]; 110 var cisternaCarga = vehiculo.cisternas[i].cisternasCarga[j];
111 if(cisternaCarga.fechaReparto.substring(0, 10) === $scope.fechaReparto 111 if(cisternaCarga.fechaReparto.substring(0, 10) === $scope.fechaReparto
112 .toISOString().substring(0, 10) && cisternaCarga.idUsuarioProceso !== 112 .toISOString().substring(0, 10) && cisternaCarga.idUsuarioProceso !==
113 idUsuario) 113 idUsuario)
114 { 114 {
115 focaModalService.alert('El vehículo está siendo usado por otro usuario'); 115 focaModalService.alert('El vehículo está siendo usado por otro usuario');
116 return; 116 return;
117 } 117 }
118 } 118 }
119 } 119 }
120 var modalInstance = $uibModal.open( 120 var modalInstance = $uibModal.open(
121 { 121 {
122 ariaLabelledBy: 'Creación hoja ruta', 122 ariaLabelledBy: 'Creación hoja ruta',
123 templateUrl: 'foca-modal-cerrar-vehiculo.html', 123 templateUrl: 'foca-modal-cerrar-vehiculo.html',
124 controller: 'focaModalCerrarVehiculo', 124 controller: 'focaModalCerrarVehiculo',
125 size: 'lg', 125 size: 'lg',
126 resolve: { 126 resolve: {
127 idVehiculo: function() {return vehiculo.id;} 127 idVehiculo: function() {return vehiculo.id;}
128 } 128 }
129 } 129 }
130 ); 130 );
131 modalInstance.result.then(function() { 131 modalInstance.result.then(function() {
132 132
133 }, function() { 133 }, function() {
134 //usar cuando se cancela el modal 134 //usar cuando se cancela el modal
135 }); 135 });
136 }; 136 };
137 137
138 $scope.arrastra = function() { 138 $scope.arrastra = function() {
139 $scope.arrastrando = true; 139 $scope.arrastrando = true;
140 $scope.$digest(); 140 $scope.$digest();
141 }; 141 };
142 142
143 $scope.noArrastra = function() { 143 $scope.noArrastra = function() {
144 $scope.arrastrando = false; 144 $scope.arrastrando = false;
145 $scope.$digest(); 145 $scope.$digest();
146 }; 146 };
147 147
148 $scope.individual = function() { 148 $scope.individual = function() {
149 $scope.idVendedor = -1; 149 $scope.idVendedor = -1;
150 }; 150 };
151 151
152 $scope.mostrarDetalle = function() { 152 $scope.mostrarDetalle = function() {
153 $scope.detalle = true; 153 $scope.detalle = true;
154 }; 154 };
155 155
156 $scope.salir = function() { 156 $scope.salir = function() {
157 $location.path('/'); 157 $location.path('/');
158 }; 158 };
159 159
160 $scope.search = function() { 160 $scope.search = function() {
161 getSeguimiento(); 161 getSeguimiento();
162 }; 162 };
163 163
164 $scope.fecha = function() { 164 $scope.fecha = function() {
165 getSeguimiento(); 165 getSeguimiento();
166 }; 166 };
167 167
168 $scope.seleccionarUnidad = function() { 168 $scope.seleccionarUnidad = function() {
169 var modalInstance = $uibModal.open( 169 var modalInstance = $uibModal.open(
170 { 170 {
171 ariaLabelledBy: 'Busqueda de Transportista', 171 ariaLabelledBy: 'Busqueda de Transportista',
172 templateUrl: 'modal-proveedor.html', 172 templateUrl: 'modal-proveedor.html',
173 controller: 'focaModalProveedorCtrl', 173 controller: 'focaModalProveedorCtrl',
174 size: 'lg', 174 size: 'lg',
175 resolve: { 175 resolve: {
176 transportista: function() { 176 transportista: function() {
177 return true; 177 return true;
178 } 178 }
179 } 179 }
180 } 180 }
181 ); 181 );
182 modalInstance.result.then(function(transportista) { 182 modalInstance.result.then(function(transportista) {
183 $scope.seleccionarVehiculo(transportista.COD); 183 $scope.seleccionarVehiculo(transportista.COD);
184 }); 184 });
185 }; 185 };
186 186
187 $scope.seleccionarVehiculo = function(idTransportista) { 187 $scope.seleccionarVehiculo = function(idTransportista) {
188 var query = '/vehiculo/transportista/' + idTransportista; 188 var query = '/vehiculo/transportista/' + idTransportista;
189 var columnas = { 189 var columnas = {
190 nombre: ['Código', 'tractor', 'Semi', 'Capacidad'], 190 nombre: ['Código', 'tractor', 'Semi', 'Capacidad'],
191 propiedad: ['codigo', 'tractor', 'semi', 'capacidadTotalCisternas'] 191 propiedad: ['codigo', 'tractor', 'semi', 'capacidadTotalCisternas']
192 }; 192 };
193 var titulo = 'Búsqueda de vehiculos'; 193 var titulo = 'Búsqueda de vehiculos';
194 focaModalService.modal(columnas, query, titulo).then( 194 focaModalService.modal(columnas, query, titulo).then(
195 function(vehiculo) { 195 function(vehiculo) {
196 var existe = $filter('filter')($scope.vehiculos, {id: vehiculo.id}); 196 var existe = $filter('filter')($scope.vehiculos, {id: vehiculo.id});
197 if(existe.length) { 197 if(existe.length) {
198 focaModalService.alert('El vehiculo ya ha sido cargado'); 198 focaModalService.alert('El vehiculo ya ha sido cargado');
199 return; 199 return;
200 } 200 }
201 if(!vehiculo.cisternas.length) { 201 if(!vehiculo.cisternas.length) {
202 focaModalService.alert('El vehiculo no tiene cisternas'); 202 focaModalService.alert('El vehiculo no tiene cisternas');
203 return; 203 return;
204 } 204 }
205 $scope.vehiculos.push(vehiculo); 205 $scope.vehiculos.push(vehiculo);
206 }, function() { 206 }, function() {
207 // funcion ejecutada cuando se cancela el modal 207 // funcion ejecutada cuando se cancela el modal
208 }); 208 });
209 }; 209 };
210 210
211 $scope.seleccionarFechaReparto = function() { 211 $scope.seleccionarFechaReparto = function() {
212 focaModalService.modalFecha('Fecha de reparto').then(function(fecha) { 212 focaModalService.modalFecha('Fecha de reparto').then(function(fecha) {
213 $scope.$broadcast('addCabecera',{ 213 $scope.$broadcast('addCabecera',{
214 label: 'Fecha:', 214 label: 'Fecha:',
215 valor: fecha.toLocaleDateString() 215 valor: fecha.toLocaleDateString()
216 }); 216 });
217 $scope.fechaReparto = fecha; 217 $scope.fechaReparto = fecha;
218 focaLogisticaPedidoRutaService.setFechaReparto(fecha); 218 focaLogisticaPedidoRutaService.setFechaReparto(fecha);
219 focaLogisticaPedidoRutaService.getUnidadesByFecha(fecha).then(function(res) { 219 focaLogisticaPedidoRutaService.getUnidadesByFecha(fecha).then(function(res) {
220 $scope.vehiculos = res.data; 220 $scope.vehiculos = res.data;
221 }); 221 });
222 }); 222 });
223 }; 223 };
224 224
225 function getSeguimiento() { 225 function getSeguimiento() {
226 var desde = new Date('1900/01/01'); 226 var desde = new Date('1900/01/01');
227 var hasta = new Date('2099/01/01'); 227 var hasta = new Date('2099/01/01');
228 if($scope.fechaDesde) { 228 if($scope.fechaDesde) {
229 var fechaDesde = $scope.fechaDesde; 229 var fechaDesde = $scope.fechaDesde;
230 desde = new Date(new Date(fechaDesde.setHours(0)).setMinutes(0)); 230 desde = new Date(new Date(fechaDesde.setHours(0)).setMinutes(0));
231 desde = new Date(desde); 231 desde = new Date(desde);
232 } 232 }
233 if($scope.fechaHasta) { 233 if($scope.fechaHasta) {
234 var fechaHasta = $scope.fechaHasta; 234 var fechaHasta = $scope.fechaHasta;
235 hasta = new Date(new Date(fechaHasta.setHours(0)).setMinutes(0)); 235 hasta = new Date(new Date(fechaHasta.setHours(0)).setMinutes(0));
236 hasta = hasta.setDate(hasta.getDate() + 1); 236 hasta = hasta.setDate(hasta.getDate() + 1);
237 hasta = new Date(hasta); 237 hasta = new Date(hasta);
238 } 238 }
239 var datos = { 239 var datos = {
240 actividad: $scope.actividad, 240 actividad: $scope.actividad,
241 idUsuario: $scope.idVendedor, 241 idUsuario: $scope.idVendedor,
242 fechaDesde: desde, 242 fechaDesde: desde,
243 fechaHasta: hasta, 243 fechaHasta: hasta,
244 asignacion: $scope.filtroEstado ? true : ($scope.filtroEstado !== undefined ? 244 asignacion: $scope.filtroEstado ? true : ($scope.filtroEstado !== undefined ?
245 false : undefined) 245 false : undefined)
246 }; 246 };
247 247
248 $scope.datosBuscados = { 248 $scope.datosBuscados = {
249 actividad: $scope.actividad, 249 actividad: $scope.actividad,
250 individual: $scope.idVendedor ? true : false 250 individual: $scope.idVendedor ? true : false
251 }; 251 };
252 252
253 focaLogisticaPedidoRutaService.obtenerActividad(datos).then(function(datos) { 253 focaLogisticaPedidoRutaService.obtenerActividad(datos).then(function(datos) {
254 if(JSON.stringify(datos.data) !== JSON.stringify($scope.marcadores)) { 254 if(JSON.stringify(datos.data) !== JSON.stringify($scope.marcadores)) {
255 $scope.marcadores = datos.data; 255 $scope.marcadores = datos.data;
256 } 256 }
257 }); 257 });
258 } 258 }
259 259
260 function eliminarVehiculo(vehiculo) { 260 function eliminarVehiculo(vehiculo) {
261 focaLogisticaPedidoRutaService.getRemitos(vehiculo.id).then(function(res) { 261 focaLogisticaPedidoRutaService.getRemitos(vehiculo.id).then(function(res) {
262 if(!focaLogisticaPedidoRutaService.obtenerRemitosDeCarga(res.data).length) { 262 if(!focaLogisticaPedidoRutaService.obtenerRemitosDeCarga(res.data).length) {
263 $scope.vehiculos.splice($scope.vehiculos.indexOf(vehiculo), 1); 263 $scope.vehiculos.splice($scope.vehiculos.indexOf(vehiculo), 1);
264 }else { 264 }else {
265 focaModalService.alert('No ha sido posible eliminar el vehiculo porque ' + 265 focaModalService.alert('No ha sido posible eliminar el vehiculo porque ' +
266 'tiene remitos asociados').then(function() { 266 'tiene remitos asociados').then(function() {
267 $scope.hacerHojaRuta(vehiculo); 267 $scope.hacerHojaRuta(vehiculo);
268 }); 268 });
269 } 269 }
270 }); 270 });
271 } 271 }
272 $interval(function() { 272 $interval(function() {
273 getSeguimiento(); 273 getSeguimiento();
274 }, 5000); 274 }, 5000);
275 } 275 }
276 ]); 276 ]);
277 277
src/views/foca-logistica-pedido-ruta.html
Diff comments   View file @ ed18f5f
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"