Commit a42e3b4bda7b652379f792ba763d272318397c33
Exists in
master
and in
2 other branches
Merge branch 'master' into 'master'
Master(efernandez) See merge request !19
Showing
5 changed files
Show diff stats
src/js/controller.js
| 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: 'Unidad', |
| 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: 'abmChofer.png' | 17 | image: 'abmChofer.png' |
| 18 | }; | 18 | }; |
| 19 | $scope.botonera = [transportista, fecha]; | 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 | // TODO: obtener vehiculos con remitos cargados para esa fecha que no han sido confirmados | 37 | |
| 38 | // focaLogisticaPedidoRutaService.getVehiculosByIdUsuario().then(function(res) { | ||
| 39 | // $scope.vehiculos = res.data; | ||
| 40 | // }); | ||
| 41 | 38 | ||
| 42 | $scope.general = function() { | 39 | $scope.general = function() { |
| 43 | $scope.idVendedor = 0; | 40 | $scope.idVendedor = 0; |
| 44 | getSeguimiento(); | 41 | getSeguimiento(); |
| 45 | $scope.$broadcast('removeCabecera', cabecera); | 42 | $scope.$broadcast('removeCabecera', cabecera); |
| 46 | $scope.$broadcast('addCabecera',{ | 43 | $scope.$broadcast('addCabecera',{ |
| 47 | label: 'General', | 44 | label: 'General', |
| 48 | valor: '' | 45 | valor: '' |
| 49 | }); | 46 | }); |
| 50 | }; | 47 | }; |
| 51 | 48 | ||
| 52 | $scope.cargar = function(idVehiculo, punto) { | 49 | $scope.cargar = function(idVehiculo, punto) { |
| 53 | if(!$scope.fechaReparto) { | 50 | if(!$scope.fechaReparto) { |
| 54 | focaModalService.alert('elija primero una fecha de reparto'); | 51 | focaModalService.alert('Primero seleccione fecha de reparto'); |
| 55 | return; | 52 | return; |
| 56 | } | 53 | } |
| 57 | var idRemito; | 54 | var idRemito; |
| 58 | if(punto === -1) { | 55 | if(punto === -1) { |
| 59 | idRemito = -1; | 56 | idRemito = -1; |
| 60 | }else { | 57 | }else { |
| 61 | idRemito = JSON.parse(punto).notaPedido.remito.id; | 58 | idRemito = JSON.parse(punto).notaPedido.remito.id; |
| 62 | } | 59 | } |
| 63 | var modalInstance = $uibModal.open( | 60 | var modalInstance = $uibModal.open( |
| 64 | { | 61 | { |
| 65 | ariaLabelledBy: 'Busqueda de Vehiculo', | 62 | ariaLabelledBy: 'Busqueda de Vehiculo', |
| 66 | templateUrl: 'foca-detalle-vehiculo.html', | 63 | templateUrl: 'foca-detalle-vehiculo.html', |
| 67 | controller: 'focaDetalleVehiculo', | 64 | controller: 'focaDetalleVehiculo', |
| 68 | size: 'lg', | 65 | size: 'lg', |
| 69 | resolve: { | 66 | resolve: { |
| 70 | idVehiculo: function() {return idVehiculo;}, | 67 | idVehiculo: function() {return idVehiculo;}, |
| 71 | idRemito: function() {return idRemito;}, | 68 | idRemito: function() {return idRemito;}, |
| 72 | fechaReparto: function() {return $scope.fechaReparto;} | 69 | fechaReparto: function() {return $scope.fechaReparto;} |
| 73 | } | 70 | } |
| 74 | } | 71 | } |
| 75 | ); | 72 | ); |
| 76 | modalInstance.result.then(function() { | 73 | modalInstance.result.then(function() { |
| 77 | }, function() { | 74 | }, function() { |
| 78 | }); | 75 | }); |
| 79 | }; | 76 | }; |
| 80 | 77 | ||
| 81 | $scope.quitarVehiculo = function(vehiculo) { | 78 | $scope.quitarVehiculo = function(vehiculo) { |
| 82 | focaModalService.confirm('Esta seguro que desea eliminar el vehículo ' + | 79 | focaModalService.confirm('Esta seguro que desea eliminar el vehículo ' + |
| 83 | vehiculo.codigo + '?').then(function() { | 80 | vehiculo.codigo + '?').then(function() { |
| 84 | eliminarVehiculo(vehiculo); | 81 | eliminarVehiculo(vehiculo); |
| 85 | }); | 82 | }); |
| 86 | }; | 83 | }; |
| 87 | 84 | ||
| 88 | $scope.hacerHojaRuta = function(vehiculo) { | 85 | $scope.hacerHojaRuta = function(vehiculo) { |
| 86 | if(!$scope.fechaReparto) { | ||
| 87 | focaModalService.alert('Primero seleccione fecha de reparto'); | ||
| 88 | return; | ||
| 89 | } | ||
| 89 | var modalInstance = $uibModal.open( | 90 | var modalInstance = $uibModal.open( |
| 90 | { | 91 | { |
| 91 | ariaLabelledBy: 'Creación hoja ruta', | 92 | ariaLabelledBy: 'Creación hoja ruta', |
| 92 | templateUrl: 'foca-modal-crear-hoja-ruta.html', | 93 | templateUrl: 'foca-modal-crear-hoja-ruta.html', |
| 93 | controller: 'focaModalCrearHojaRuta', | 94 | controller: 'focaModalCrearHojaRuta', |
| 94 | size: 'lg', | 95 | size: 'lg', |
| 95 | resolve: { | 96 | resolve: { |
| 96 | idVehiculo: function() {return vehiculo.id;} | 97 | idVehiculo: function() {return vehiculo.id;} |
| 97 | } | 98 | } |
| 98 | } | 99 | } |
| 99 | ); | 100 | ); |
| 100 | modalInstance.result.then(function() { | 101 | modalInstance.result.then(function() { |
| 101 | 102 | ||
| 102 | }, function() { | 103 | }, function() { |
| 103 | //usar cuando se cancela el modal | 104 | //usar cuando se cancela el modal |
| 104 | }); | 105 | }); |
| 105 | }; | 106 | }; |
| 106 | 107 | ||
| 107 | $scope.arrastra = function() { | 108 | $scope.arrastra = function() { |
| 108 | $scope.arrastrando = true; | 109 | $scope.arrastrando = true; |
| 109 | $scope.$digest(); | 110 | $scope.$digest(); |
| 110 | }; | 111 | }; |
| 111 | 112 | ||
| 112 | $scope.noArrastra = function() { | 113 | $scope.noArrastra = function() { |
| 113 | $scope.arrastrando = false; | 114 | $scope.arrastrando = false; |
| 114 | $scope.$digest(); | 115 | $scope.$digest(); |
| 115 | }; | 116 | }; |
| 116 | 117 | ||
| 117 | $scope.individual = function() { | 118 | $scope.individual = function() { |
| 118 | $scope.idVendedor = -1; | 119 | $scope.idVendedor = -1; |
| 119 | }; | 120 | }; |
| 120 | 121 | ||
| 121 | $scope.mostrarDetalle = function() { | 122 | $scope.mostrarDetalle = function() { |
| 122 | $scope.detalle = true; | 123 | $scope.detalle = true; |
| 123 | }; | 124 | }; |
| 124 | 125 | ||
| 125 | $scope.salir = function() { | 126 | $scope.salir = function() { |
| 126 | $location.path('/'); | 127 | $location.path('/'); |
| 127 | }; | 128 | }; |
| 128 | 129 | ||
| 129 | $scope.search = function() { | 130 | $scope.search = function() { |
| 130 | getSeguimiento(); | 131 | getSeguimiento(); |
| 131 | }; | 132 | }; |
| 132 | 133 | ||
| 133 | $scope.fecha = function() { | 134 | $scope.fecha = function() { |
| 134 | getSeguimiento(); | 135 | getSeguimiento(); |
| 135 | }; | 136 | }; |
| 136 | 137 | ||
| 137 | $scope.seleccionarUnidad = function() { | 138 | $scope.seleccionarUnidad = function() { |
| 138 | var modalInstance = $uibModal.open( | 139 | var modalInstance = $uibModal.open( |
| 139 | { | 140 | { |
| 140 | ariaLabelledBy: 'Busqueda de Transportista', | 141 | ariaLabelledBy: 'Busqueda de Transportista', |
| 141 | templateUrl: 'modal-proveedor.html', | 142 | templateUrl: 'modal-proveedor.html', |
| 142 | controller: 'focaModalProveedorCtrl', | 143 | controller: 'focaModalProveedorCtrl', |
| 143 | size: 'lg', | 144 | size: 'lg', |
| 144 | resolve: { | 145 | resolve: { |
| 145 | transportista: function() { | 146 | transportista: function() { |
| 146 | return true; | 147 | return true; |
| 147 | } | 148 | } |
| 148 | } | 149 | } |
| 149 | } | 150 | } |
| 150 | ); | 151 | ); |
| 151 | modalInstance.result.then(function(transportista) { | 152 | modalInstance.result.then(function(transportista) { |
| 152 | $scope.seleccionarVehiculo(transportista.COD); | 153 | $scope.seleccionarVehiculo(transportista.COD); |
| 153 | }); | 154 | }); |
| 154 | }; | 155 | }; |
| 155 | 156 | ||
| 156 | $scope.seleccionarVehiculo = function(idTransportista) { | 157 | $scope.seleccionarVehiculo = function(idTransportista) { |
| 157 | var query = '/vehiculo/transportista/' + idTransportista; | 158 | var query = '/vehiculo/transportista/' + idTransportista; |
| 158 | var columnas = { | 159 | var columnas = { |
| 159 | nombre: ['Código', 'tractor', 'Semi', 'Capacidad'], | 160 | nombre: ['Código', 'tractor', 'Semi', 'Capacidad'], |
| 160 | propiedad: ['codigo', 'tractor', 'semi', 'capacidadTotalCisternas'] | 161 | propiedad: ['codigo', 'tractor', 'semi', 'capacidadTotalCisternas'] |
| 161 | }; | 162 | }; |
| 162 | var titulo = 'Búsqueda de vehiculos'; | 163 | var titulo = 'Búsqueda de vehiculos'; |
| 163 | focaModalService.modal(columnas, query, titulo).then( | 164 | focaModalService.modal(columnas, query, titulo).then( |
| 164 | function(vehiculo) { | 165 | function(vehiculo) { |
| 165 | var existe = $filter('filter')($scope.vehiculos, {id: vehiculo.id}); | 166 | var existe = $filter('filter')($scope.vehiculos, {id: vehiculo.id}); |
| 166 | if(existe.length) { | 167 | if(existe.length) { |
| 167 | focaModalService.alert('El vehiculo ya ha sido cargado'); | 168 | focaModalService.alert('El vehiculo ya ha sido cargado'); |
| 168 | return; | 169 | return; |
| 169 | } | 170 | } |
| 170 | if(!vehiculo.cisternas.length) { | 171 | if(!vehiculo.cisternas.length) { |
| 171 | focaModalService.alert('El vehiculo no tiene cisternas'); | 172 | focaModalService.alert('El vehiculo no tiene cisternas'); |
| 172 | return; | 173 | return; |
| 173 | } | 174 | } |
| 174 | $scope.vehiculos.push(vehiculo); | 175 | $scope.vehiculos.push(vehiculo); |
| 175 | }, function() { | 176 | }, function() { |
| 176 | // funcion ejecutada cuando se cancela el modal | 177 | // funcion ejecutada cuando se cancela el modal |
| 177 | }); | 178 | }); |
| 178 | }; | 179 | }; |
| 179 | 180 | ||
| 180 | $scope.seleccionarFechaReparto = function() { | 181 | $scope.seleccionarFechaReparto = function() { |
| 181 | focaModalService.modalFecha('Fecha de reparto').then(function(fecha) { | 182 | focaModalService.modalFecha('Fecha de reparto').then(function(fecha) { |
| 182 | $scope.$broadcast('addCabecera',{ | 183 | $scope.$broadcast('addCabecera',{ |
| 183 | label: 'Fecha:', | 184 | label: 'Fecha:', |
| 184 | valor: fecha.toLocaleDateString() | 185 | valor: fecha.toLocaleDateString() |
| 185 | }); | 186 | }); |
| 186 | $scope.fechaReparto = fecha; | 187 | $scope.fechaReparto = fecha; |
| 188 | focaLogisticaPedidoRutaService.setFechaReparto(fecha); | ||
| 189 | focaLogisticaPedidoRutaService.getUnidadesByFecha(fecha).then(function(res) { | ||
| 190 | $scope.vehiculos = res.data; | ||
| 191 | }); | ||
| 187 | }); | 192 | }); |
| 188 | }; | 193 | }; |
| 189 | 194 | ||
| 190 | function getSeguimiento() { | 195 | function getSeguimiento() { |
| 191 | var desde = new Date('1900/01/01'); | 196 | var desde = new Date('1900/01/01'); |
| 192 | var hasta = new Date('2099/01/01'); | 197 | var hasta = new Date('2099/01/01'); |
| 193 | if($scope.fechaDesde) { | 198 | if($scope.fechaDesde) { |
| 194 | var fechaDesde = $scope.fechaDesde; | 199 | var fechaDesde = $scope.fechaDesde; |
| 195 | desde = new Date(new Date(fechaDesde.setHours(0)).setMinutes(0)); | 200 | desde = new Date(new Date(fechaDesde.setHours(0)).setMinutes(0)); |
| 196 | desde = new Date(desde); | 201 | desde = new Date(desde); |
| 197 | } | 202 | } |
| 198 | if($scope.fechaHasta) { | 203 | if($scope.fechaHasta) { |
| 199 | var fechaHasta = $scope.fechaHasta; | 204 | var fechaHasta = $scope.fechaHasta; |
| 200 | hasta = new Date(new Date(fechaHasta.setHours(0)).setMinutes(0)); | 205 | hasta = new Date(new Date(fechaHasta.setHours(0)).setMinutes(0)); |
| 201 | hasta = hasta.setDate(hasta.getDate() + 1); | 206 | hasta = hasta.setDate(hasta.getDate() + 1); |
| 202 | hasta = new Date(hasta); | 207 | hasta = new Date(hasta); |
| 203 | } | 208 | } |
| 204 | var datos = { | 209 | var datos = { |
| 205 | actividad: $scope.actividad, | 210 | actividad: $scope.actividad, |
| 206 | idUsuario: $scope.idVendedor, | 211 | idUsuario: $scope.idVendedor, |
| 207 | fechaDesde: desde, | 212 | fechaDesde: desde, |
| 208 | fechaHasta: hasta, | 213 | fechaHasta: hasta, |
| 209 | asignacion: $scope.filtroEstado ? true : ($scope.filtroEstado !== undefined ? | 214 | asignacion: $scope.filtroEstado ? true : ($scope.filtroEstado !== undefined ? |
| 210 | false : undefined) | 215 | false : undefined) |
| 211 | }; | 216 | }; |
| 212 | 217 | ||
| 213 | $scope.datosBuscados = { | 218 | $scope.datosBuscados = { |
| 214 | actividad: $scope.actividad, | 219 | actividad: $scope.actividad, |
| 215 | individual: $scope.idVendedor ? true : false | 220 | individual: $scope.idVendedor ? true : false |
| 216 | }; | 221 | }; |
| 217 | 222 | ||
| 218 | focaLogisticaPedidoRutaService.obtenerActividad(datos).then(function(datos) { | 223 | focaLogisticaPedidoRutaService.obtenerActividad(datos).then(function(datos) { |
| 219 | if(JSON.stringify(datos.data) !== JSON.stringify($scope.marcadores)) { | 224 | if(JSON.stringify(datos.data) !== JSON.stringify($scope.marcadores)) { |
| 220 | $scope.marcadores = datos.data; | 225 | $scope.marcadores = datos.data; |
| 221 | } | 226 | } |
| 222 | }); | 227 | }); |
| 223 | } | 228 | } |
| 224 | 229 | ||
| 225 | function eliminarVehiculo(vehiculo) { | 230 | function eliminarVehiculo(vehiculo) { |
| 226 | focaLogisticaPedidoRutaService.getRemitos(vehiculo.id).then(function(res) { | 231 | focaLogisticaPedidoRutaService.getRemitos(vehiculo.id).then(function(res) { |
| 227 | if(!focaLogisticaPedidoRutaService.obtenerRemitosDeCarga(res.data).length) { | 232 | if(!focaLogisticaPedidoRutaService.obtenerRemitosDeCarga(res.data).length) { |
| 228 | $scope.vehiculos.splice($scope.vehiculos.indexOf(vehiculo), 1); | 233 | $scope.vehiculos.splice($scope.vehiculos.indexOf(vehiculo), 1); |
| 229 | }else { | 234 | }else { |
| 230 | focaModalService.alert('No ha sido posible eliminar el vehiculo porque ' + | 235 | focaModalService.alert('No ha sido posible eliminar el vehiculo porque ' + |
| 231 | 'tiene remitos asociados').then(function() { | 236 | 'tiene remitos asociados').then(function() { |
| 232 | $scope.hacerHojaRuta(vehiculo); | 237 | $scope.hacerHojaRuta(vehiculo); |
| 233 | }); | 238 | }); |
| 234 | } | 239 | } |
| 235 | }); | 240 | }); |
| 236 | } | 241 | } |
| 237 | $interval(function() { | 242 | $interval(function() { |
| 238 | getSeguimiento(); | 243 | getSeguimiento(); |
| 239 | }, 5000); | 244 | }, 5000); |
src/js/controllerDetalleVehiculo.js
| 1 | angular.module('focaLogisticaPedidoRuta') | 1 | angular.module('focaLogisticaPedidoRuta') |
| 2 | .controller('focaDetalleVehiculo', | 2 | .controller('focaDetalleVehiculo', |
| 3 | ['$scope', | 3 | ['$scope', |
| 4 | '$uibModalInstance', | 4 | '$uibModalInstance', |
| 5 | 'idVehiculo', | 5 | 'idVehiculo', |
| 6 | 'idRemito', | 6 | 'idRemito', |
| 7 | 'focaModalService', | 7 | 'focaModalService', |
| 8 | '$filter', | 8 | '$filter', |
| 9 | 'focaLogisticaPedidoRutaService', | 9 | 'focaLogisticaPedidoRutaService', |
| 10 | 'fechaReparto', | ||
| 11 | function($scope, $uibModalInstance, idVehiculo, idRemito, focaModalService, $filter, | 10 | function($scope, $uibModalInstance, idVehiculo, idRemito, focaModalService, $filter, |
| 12 | focaLogisticaPedidoRutaService, fechaReparto | 11 | focaLogisticaPedidoRutaService |
| 13 | ) { | 12 | ) { |
| 14 | //seteo variables | 13 | //seteo variables |
| 15 | $scope.cargandoDatos = true; | 14 | $scope.cargandoDatos = true; |
| 16 | $scope.idRemito = idRemito; | 15 | $scope.idRemito = idRemito; |
| 17 | $scope.articulos = []; | 16 | $scope.articulos = []; |
| 18 | $scope.vehiculo = {}; | 17 | $scope.vehiculo = {}; |
| 19 | $scope.cisternas = []; | 18 | $scope.cisternas = []; |
| 20 | $scope.cisternasCarga = []; | 19 | $scope.cisternasCarga = []; |
| 21 | $scope.remito = {}; | 20 | $scope.remito = {}; |
| 22 | $scope.aCargar = []; | 21 | $scope.aCargar = []; |
| 23 | var cisternaMovimientos = []; | 22 | var cisternaMovimientos = []; |
| 24 | var promesaRemito; | 23 | var promesaRemito; |
| 25 | var promesaVehiculo = focaLogisticaPedidoRutaService.obtenerVehiculoById(idVehiculo); | 24 | var promesaVehiculo = focaLogisticaPedidoRutaService.obtenerVehiculoById(idVehiculo); |
| 26 | var promesaCisternas = focaLogisticaPedidoRutaService | 25 | var promesaCisternas = focaLogisticaPedidoRutaService |
| 27 | .obtenerCisternasPorFecha(idVehiculo, fechaReparto); | 26 | .obtenerCisternasPorFecha(idVehiculo); |
| 28 | if(idRemito !== -1) { | 27 | if(idRemito !== -1) { |
| 29 | promesaRemito = focaLogisticaPedidoRutaService.obtenerRemitoById(idRemito); | 28 | promesaRemito = focaLogisticaPedidoRutaService.obtenerRemitoById(idRemito); |
| 30 | } | 29 | } |
| 31 | Promise.all([promesaVehiculo, promesaCisternas, promesaRemito]).then(function(res) { | 30 | Promise.all([promesaVehiculo, promesaCisternas, promesaRemito]).then(function(res) { |
| 32 | $scope.cargandoDatos = false; | 31 | $scope.cargandoDatos = false; |
| 33 | $scope.vehiculo = res[0].data; | 32 | $scope.vehiculo = res[0].data; |
| 34 | $scope.cisternas = res[1].data; | 33 | $scope.cisternas = res[1].data; |
| 35 | if(!res[2]) return; | 34 | if(!res[2]) return; |
| 36 | $scope.remito = res[2].data; | 35 | $scope.remito = res[2].data; |
| 37 | if($scope.remito.idUsuarioProceso) { | 36 | if($scope.remito.idUsuarioProceso) { |
| 38 | focaModalService.alert('Remito ya asignado'); | 37 | focaModalService.alert('Remito ya asignado'); |
| 39 | $uibModalInstance.close(); | 38 | $uibModalInstance.close(); |
| 40 | } | 39 | } |
| 41 | $scope.articulos = $scope.remito.articulosRemito; | 40 | $scope.articulos = $scope.remito.articulosRemito; |
| 42 | $scope.seleccionarArticulo($scope.articulos[0]); | 41 | $scope.seleccionarArticulo($scope.articulos[0]); |
| 43 | }); | 42 | }); |
| 44 | $scope.aceptar = function() { | 43 | $scope.aceptar = function() { |
| 45 | $scope.cargando = true; | 44 | $scope.cargando = true; |
| 46 | for(var i = 0; i < $scope.cisternasCarga.length; i++) { | 45 | for(var i = 0; i < $scope.cisternasCarga.length; i++) { |
| 47 | delete $scope.cisternasCarga[i].articulo; | 46 | delete $scope.cisternasCarga[i].articulo; |
| 48 | } | 47 | } |
| 49 | var cisterna = { | 48 | var cisterna = { |
| 50 | cisternaMovimientos: cisternaMovimientos, | 49 | cisternaMovimientos: cisternaMovimientos, |
| 51 | cisternaCargas: $scope.cisternasCarga, | 50 | cisternaCargas: $scope.cisternasCarga, |
| 52 | idVehiculo: $scope.vehiculo.id | 51 | idVehiculo: $scope.vehiculo.id |
| 53 | }; | 52 | }; |
| 54 | focaLogisticaPedidoRutaService.guardarCisternas(cisterna, $scope.remito.id) | 53 | focaLogisticaPedidoRutaService.guardarCisternas(cisterna, $scope.remito.id) |
| 55 | .then(function() { | 54 | .then(function() { |
| 56 | focaModalService.alert('Cisternas cargadas con éxito').then(function() { | 55 | focaModalService.alert('Cisternas cargadas con éxito').then(function() { |
| 57 | $scope.cargando = false; | 56 | $scope.cargando = false; |
| 58 | $uibModalInstance.close(); | 57 | $uibModalInstance.close(); |
| 59 | }); | 58 | }); |
| 60 | }).catch(function(error) { | 59 | }).catch(function(error) { |
| 61 | $scope.cargando = false; | 60 | $scope.cargando = false; |
| 62 | $uibModalInstance.close(); | 61 | $uibModalInstance.close(); |
| 63 | if (error.status === 403.1) { | 62 | if (error.status === 403.1) { |
| 64 | focaModalService.alert('ERROR: El vehículo esta en uso'); | 63 | focaModalService.alert('ERROR: El vehículo esta en uso'); |
| 65 | } | 64 | } |
| 66 | if(error.status === 403.2) { | 65 | if(error.status === 403.2) { |
| 67 | focaModalService.alert('ERROR: Otro usario ya cargó este remito'); | 66 | focaModalService.alert('ERROR: Otro usario ya cargó este remito'); |
| 68 | return; | 67 | return; |
| 69 | } | 68 | } |
| 70 | focaModalService.alert('Hubo un error al cargar las cisternas'); | 69 | focaModalService.alert('Hubo un error al cargar las cisternas'); |
| 71 | }); | 70 | }); |
| 72 | }; | 71 | }; |
| 73 | $scope.cancelar = function() { | 72 | $scope.cancelar = function() { |
| 74 | $uibModalInstance.close(); | 73 | $uibModalInstance.close(); |
| 75 | }; | 74 | }; |
| 76 | $scope.cargarACisternas = function() { | 75 | $scope.cargarACisternas = function() { |
| 77 | for(var i = 0; i < $scope.cisternas.length; i++) { | 76 | for(var i = 0; i < $scope.cisternas.length; i++) { |
| 78 | var cisterna = $scope.cisternas[i]; | 77 | var cisterna = $scope.cisternas[i]; |
| 79 | var aCargar = parseFloat($scope.aCargar[i]); | 78 | var aCargar = parseFloat($scope.aCargar[i]); |
| 79 | var fechaReparto = focaLogisticaPedidoRutaService.fecha; | ||
| 80 | //validaciones | 80 | //validaciones |
| 81 | if(!aCargar) { | 81 | if(!aCargar) { |
| 82 | continue; | 82 | continue; |
| 83 | } | 83 | } |
| 84 | //cargar | 84 | //cargar |
| 85 | if(cisterna.cisternaCarga.cantidad) { | 85 | if(cisterna.cisternaCarga.cantidad) { |
| 86 | cisterna.cisternaCarga.cantidad += aCargar; | 86 | cisterna.cisternaCarga.cantidad += aCargar; |
| 87 | }else { | 87 | }else { |
| 88 | cisterna.cisternaCarga.cantidad = aCargar; | 88 | cisterna.cisternaCarga.cantidad = aCargar; |
| 89 | cisterna.cisternaCarga.idProducto = $scope.articuloSeleccionado.idArticulo; | 89 | cisterna.cisternaCarga.idProducto = $scope.articuloSeleccionado.idArticulo; |
| 90 | } | 90 | } |
| 91 | cisterna.disponible = cisterna.capacidad - cisterna.cisternaCarga.cantidad; | 91 | cisterna.disponible = cisterna.capacidad - cisterna.cisternaCarga.cantidad; |
| 92 | 92 | ||
| 93 | cisterna.cisternaCarga.articulo = { | 93 | cisterna.cisternaCarga.articulo = { |
| 94 | DetArt: $scope.articuloSeleccionado.descripcion | 94 | DetArt: $scope.articuloSeleccionado.descripcion |
| 95 | }; | 95 | }; |
| 96 | $filter('filter')($scope.articulos, {id: $scope.articuloSeleccionado.id})[0] | 96 | $filter('filter')($scope.articulos, {id: $scope.articuloSeleccionado.id})[0] |
| 97 | .cargado = true; | 97 | .cargado = true; |
| 98 | 98 | ||
| 99 | $scope.calcularPorcentaje(cisterna); | 99 | $scope.calcularPorcentaje(cisterna); |
| 100 | //Guardar | 100 | //Guardar |
| 101 | var now = new Date(); | 101 | var now = new Date(); |
| 102 | var cisternaMovimiento = { | 102 | var cisternaMovimiento = { |
| 103 | fecha: now.toISOString().slice(0, 19).replace('T', ' '), | 103 | fecha: now.toISOString().slice(0, 19).replace('T', ' '), |
| 104 | cantidad: aCargar, | 104 | cantidad: aCargar, |
| 105 | metodo: 'carga', | 105 | metodo: 'carga', |
| 106 | idCisternaCarga: cisterna.cisternaCarga.id, | 106 | idCisternaCarga: cisterna.cisternaCarga.id, |
| 107 | idRemito: $scope.remito.id | 107 | idRemito: $scope.remito.id |
| 108 | }; | 108 | }; |
| 109 | cisterna.cisternaCarga.fechaReparto = fechaReparto; | 109 | cisterna.cisternaCarga.fechaReparto = fechaReparto; |
| 110 | cisterna.cisternaCarga.idCisterna = cisterna.id; | 110 | cisterna.cisternaCarga.idCisterna = cisterna.id; |
| 111 | $scope.cisternasCarga.push(cisterna.cisternaCarga); | 111 | $scope.cisternasCarga.push(cisterna.cisternaCarga); |
| 112 | cisternaMovimientos.push(cisternaMovimiento); | 112 | cisternaMovimientos.push(cisternaMovimiento); |
| 113 | } | 113 | } |
| 114 | var articuloSiguiente = $scope.articulos.filter( | 114 | var articuloSiguiente = $scope.articulos.filter( |
| 115 | function(filter) { | 115 | function(filter) { |
| 116 | return filter.cargado !== true; | 116 | return filter.cargado !== true; |
| 117 | } | 117 | } |
| 118 | ); | 118 | ); |
| 119 | if(articuloSiguiente.length > 0) { | 119 | if(articuloSiguiente.length > 0) { |
| 120 | $scope.seleccionarArticulo(articuloSiguiente[0]); | 120 | $scope.seleccionarArticulo(articuloSiguiente[0]); |
| 121 | } | 121 | } |
| 122 | }; | 122 | }; |
| 123 | $scope.calcularPorcentaje = function(cisterna) { | 123 | $scope.calcularPorcentaje = function(cisterna) { |
| 124 | if(!cisterna.cisternaCarga.cantidad) { | 124 | if(!cisterna.cisternaCarga) { |
| 125 | cisterna.cisternaCarga.cantidad = 0; | 125 | cisterna.cisternaCarga = { |
| 126 | cantidad: 0 | ||
| 127 | }; | ||
| 126 | } | 128 | } |
| 127 | var porcentaje = (cisterna.cisternaCarga.cantidad * 100 / | 129 | var porcentaje = (cisterna.cisternaCarga.cantidad * 100 / |
| 128 | cisterna.capacidad) + '%'; | 130 | cisterna.capacidad) + '%'; |
| 129 | var elementHtml = document.getElementById(cisterna.id); | 131 | var elementHtml = document.getElementById(cisterna.id); |
| 130 | if(elementHtml) { | 132 | if(elementHtml) { |
| 131 | elementHtml.style.width = porcentaje; | 133 | elementHtml.style.width = porcentaje; |
| 132 | } | 134 | } |
| 133 | }; | 135 | }; |
| 134 | $scope.seleccionarArticulo = function(articulo) { | 136 | $scope.seleccionarArticulo = function(articulo) { |
| 135 | $scope.articuloSeleccionado = articulo; | 137 | $scope.articuloSeleccionado = articulo; |
| 136 | $scope.cisternaDisponible(); | 138 | $scope.cisternaDisponible(); |
| 137 | $scope.autoCompletar(); | 139 | $scope.autoCompletar(); |
| 138 | $scope.actualizarArticulo(); | 140 | $scope.actualizarArticulo(); |
| 139 | }; | 141 | }; |
| 140 | $scope.actualizarArticulo = function () { | 142 | $scope.actualizarArticulo = function () { |
| 141 | $scope.articuloSeleccionado.cantidadCargada = 0; | 143 | $scope.articuloSeleccionado.cantidadCargada = 0; |
| 142 | for (var i = 0; i < $scope.aCargar.length; i++) { | 144 | for (var i = 0; i < $scope.aCargar.length; i++) { |
| 143 | $scope.articuloSeleccionado.cantidadCargada += | 145 | $scope.articuloSeleccionado.cantidadCargada += |
| 144 | parseFloat($scope.aCargar[i]) || 0; | 146 | parseFloat($scope.aCargar[i]) || 0; |
| 145 | } | 147 | } |
| 146 | }; | 148 | }; |
| 147 | $scope.autoCompletar = function() { | 149 | $scope.autoCompletar = function() { |
| 148 | $scope.aCargar = []; | 150 | $scope.aCargar = []; |
| 149 | var disponible = $filter('filter')($scope.cisternas, {disabled: false}); | 151 | var disponible = $filter('filter')($scope.cisternas, {disabled: false}); |
| 150 | var index = $scope.cisternas.indexOf(disponible[0]); | 152 | var index = $scope.cisternas.indexOf(disponible[0]); |
| 151 | $scope.aCargar[index] = $scope.articuloSeleccionado.cantidad; | 153 | $scope.aCargar[index] = $scope.articuloSeleccionado.cantidad; |
| 152 | }; | 154 | }; |
| 153 | $scope.cisternaDisponible = function() { | 155 | $scope.cisternaDisponible = function() { |
| 154 | for(var i = 0; i < $scope.cisternas.length; i++) { | 156 | for(var i = 0; i < $scope.cisternas.length; i++) { |
| 155 | if($scope.articuloSeleccionado.cantidad > $scope.cisternas[i].disponible) { | 157 | if($scope.articuloSeleccionado.cantidad > $scope.cisternas[i].disponible) { |
| 156 | $scope.cisternas[i].disabled = true; | 158 | $scope.cisternas[i].disabled = true; |
| 157 | continue; | 159 | continue; |
| 158 | } | 160 | } |
| 159 | if($scope.cisternas[i].cisternaCarga.idProducto && | 161 | if($scope.cisternas[i].cisternaCarga && |
| 162 | $scope.cisternas[i].cisternaCarga.idProducto && | ||
| 160 | $scope.articuloSeleccionado.idArticulo !== | 163 | $scope.articuloSeleccionado.idArticulo !== |
| 161 | $scope.cisternas[i].cisternaCarga.idProducto) | 164 | $scope.cisternas[i].cisternaCarga.idProducto) |
| 162 | { | 165 | { |
| 163 | $scope.cisternas[i].disabled = true; | 166 | $scope.cisternas[i].disabled = true; |
| 164 | continue; | 167 | continue; |
| 165 | } | 168 | } |
| 166 | $scope.cisternas[i].disabled = false; | 169 | $scope.cisternas[i].disabled = false; |
| 167 | } | 170 | } |
| 168 | }; | 171 | }; |
| 169 | $scope.rellenarInput = function(input) { | 172 | $scope.rellenarInput = function(input) { |
| 170 | if(!$scope.articuloSeleccionado) return; | 173 | if(!$scope.articuloSeleccionado) return; |
| 171 | if($scope.articuloSeleccionado.cantidad - | 174 | if($scope.articuloSeleccionado.cantidad - |
| 172 | $scope.articuloSeleccionado.cantidadCargada === 0) { | 175 | $scope.articuloSeleccionado.cantidadCargada === 0) { |
| 173 | return input; | 176 | return input; |
| 174 | } | 177 | } |
| 175 | if(!input) input = 0; | 178 | if(!input) input = 0; |
| 176 | input = parseFloat(input); | 179 | input = parseFloat(input); |
| 177 | input += parseFloat($scope.articuloSeleccionado.cantidad - | 180 | input += parseFloat($scope.articuloSeleccionado.cantidad - |
| 178 | $scope.articuloSeleccionado.cantidadCargada); | 181 | $scope.articuloSeleccionado.cantidadCargada); |
| 179 | return input; | 182 | return input; |
| 180 | }; | 183 | }; |
| 181 | $scope.distribucionDisponible = function() { | 184 | $scope.distribucionDisponible = function() { |
| 182 | if(!$scope.articuloSeleccionado || $scope.articuloSeleccionado.cantidad - | 185 | if(!$scope.articuloSeleccionado || $scope.articuloSeleccionado.cantidad - |
| 183 | $scope.articuloSeleccionado.cantidadCargada !== 0 || | 186 | $scope.articuloSeleccionado.cantidadCargada !== 0 || |
| 184 | !$scope.tieneArticulosPendientes()) { | 187 | !$scope.tieneArticulosPendientes()) { |
| 185 | return false; | 188 | return false; |
| 186 | } | 189 | } |
| 187 | return true; | 190 | return true; |
| 188 | }; | 191 | }; |
| 189 | $scope.tieneArticulosPendientes = function() { | 192 | $scope.tieneArticulosPendientes = function() { |
| 190 | var algunValorNegativo = $scope.aCargar.filter(function(p) { | 193 | var algunValorNegativo = $scope.aCargar.filter(function(p) { |
| 191 | return p < 0; | 194 | return p < 0; |
| 192 | }); | 195 | }); |
| 193 | if(algunValorNegativo.length) { | 196 | if(algunValorNegativo.length) { |
| 194 | return false; | 197 | return false; |
| 195 | } | 198 | } |
| 196 | var articulosDescargados = $scope.articulos.filter(function(filter) { | 199 | var articulosDescargados = $scope.articulos.filter(function(filter) { |
| 197 | return filter.cargado === true; | 200 | return filter.cargado === true; |
| 198 | }); | 201 | }); |
| 199 | if(articulosDescargados.length === $scope.articulos.length) { | 202 | if(articulosDescargados.length === $scope.articulos.length) { |
| 200 | $scope.aCargar = []; | 203 | $scope.aCargar = []; |
| 201 | return false; | 204 | return false; |
| 202 | } | 205 | } |
| 203 | return true; | 206 | return true; |
| 204 | }; | 207 | }; |
| 205 | }]); | 208 | }]); |
src/js/service.js
| 1 | angular.module('focaLogisticaPedidoRuta') | 1 | angular.module('focaLogisticaPedidoRuta') |
| 2 | .service( | 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 | return { | 9 | return { |
| 10 | idUsuario: $cookies.get('idUsuario'), | 10 | idUsuario: $cookies.get('idUsuario'), |
| 11 | obtenerActividad: function(parametros) { | 11 | obtenerActividad: function(parametros) { |
| 12 | return $http.post(API_ENDPOINT.URL + '/seguimiento/filtros', parametros); | 12 | return $http.post(API_ENDPOINT.URL + '/seguimiento/filtros', parametros); |
| 13 | }, | 13 | }, |
| 14 | obtenerVehiculoById: function(idVehiculo) { | 14 | obtenerVehiculoById: function(idVehiculo) { |
| 15 | return $http.get(API_ENDPOINT.URL + '/vehiculo/' + idVehiculo); | 15 | return $http.get(API_ENDPOINT.URL + '/vehiculo/' + idVehiculo); |
| 16 | }, | 16 | }, |
| 17 | obtenerRemitoById: function(idRemito) { | 17 | obtenerRemitoById: function(idRemito) { |
| 18 | return $http.get(API_ENDPOINT.URL + '/remito/obtener/' + idRemito); | 18 | return $http.get(API_ENDPOINT.URL + '/remito/obtener/' + idRemito); |
| 19 | }, | 19 | }, |
| 20 | guardarCisternas: function(cisterna, idRemito) { | 20 | guardarCisternas: function(cisterna, idRemito) { |
| 21 | return $http.post(API_ENDPOINT.URL + '/cisterna/guardar/cargar/' + | 21 | return $http.post(API_ENDPOINT.URL + '/cisterna/guardar/cargar/' + |
| 22 | this.idUsuario + '/' + idRemito,cisterna); | 22 | this.idUsuario + '/' + idRemito,cisterna); |
| 23 | }, | 23 | }, |
| 24 | numeroHojaRuta: function() { | 24 | numeroHojaRuta: function() { |
| 25 | return $http.get(API_ENDPOINT.URL + '/hoja-ruta/numero-siguiente'); | 25 | return $http.get(API_ENDPOINT.URL + '/hoja-ruta/numero-siguiente'); |
| 26 | }, | 26 | }, |
| 27 | getRemitos: function(idVehiculo) { | 27 | getRemitos: function(idVehiculo) { |
| 28 | return $http.get(API_ENDPOINT.URL + '/remito/sin-hoja-ruta/' +idVehiculo); | 28 | return $http.get(API_ENDPOINT.URL + '/remito/sin-hoja-ruta/' +idVehiculo); |
| 29 | }, | 29 | }, |
| 30 | crearHojaRuta: function(hojaRuta) { | 30 | crearHojaRuta: function(hojaRuta) { |
| 31 | return $http.post(API_ENDPOINT.URL + '/hoja-ruta', hojaRuta); | 31 | return $http.post(API_ENDPOINT.URL + '/hoja-ruta', hojaRuta); |
| 32 | }, | 32 | }, |
| 33 | desasociarRemitos: function(remitos, idVehiculo, sinRemitos) { | 33 | desasociarRemitos: function(remitos, idVehiculo, sinRemitos) { |
| 34 | var idsRemitos = []; | 34 | var idsRemitos = []; |
| 35 | for (var i = 0; i < remitos.length; i++) { | 35 | for (var i = 0; i < remitos.length; i++) { |
| 36 | idsRemitos.push(remitos[i].id); | 36 | idsRemitos.push(remitos[i].id); |
| 37 | } | 37 | } |
| 38 | return $http.post(API_ENDPOINT.URL + '/vehiculo/desasociar-remitos', | 38 | return $http.post(API_ENDPOINT.URL + '/vehiculo/desasociar-remitos', |
| 39 | { | 39 | { |
| 40 | idsRemitos: idsRemitos, | 40 | idsRemitos: idsRemitos, |
| 41 | idVehiculo: idVehiculo, | 41 | idVehiculo: idVehiculo, |
| 42 | vehiculoSinRemitos: sinRemitos | 42 | vehiculoSinRemitos: sinRemitos |
| 43 | }); | 43 | }); |
| 44 | }, | 44 | }, |
| 45 | obtenerRemitosDeCarga: function(remitos) { | 45 | obtenerRemitosDeCarga: function(remitos) { |
| 46 | var remitosRes = []; | 46 | var remitosRes = []; |
| 47 | for(var i = 0; i < remitos.cisternas.length; i++) { | 47 | for(var i = 0; i < remitos.cisternas.length; i++) { |
| 48 | procesoCistena(remitos.cisternas[i]); | 48 | procesoCistena(remitos.cisternas[i], this.fecha.toISOString()); |
| 49 | } | 49 | } |
| 50 | function procesoCistena(cisterna) { | 50 | function procesoCistena(cisterna, fecha) { |
| 51 | for(var j = 0; j < cisterna.cisternaCarga.cisternaMovimientos.length; | 51 | for(var j = 0; j < cisterna.cisternasCarga.length; j++) { |
| 52 | j++) { | 52 | for(var k = 0; k < cisterna.cisternasCarga[j].cisternaMovimientos |
| 53 | procesoMovimiento( | 53 | .length; k++) |
| 54 | cisterna.cisternaCarga.cisternaMovimientos[j]); | 54 | { |
| 55 | if(cisterna.cisternasCarga[j].fechaReparto.substring(0, 10) === | ||
| 56 | fecha.substring(0, 10)) | ||
| 57 | { | ||
| 58 | procesoMovimiento(cisterna.cisternasCarga[j] | ||
| 59 | .cisternaMovimientos[k]); | ||
| 60 | } | ||
| 61 | } | ||
| 55 | } | 62 | } |
| 56 | } | 63 | } |
| 57 | function procesoMovimiento(movimiento) { | 64 | function procesoMovimiento(movimiento) { |
| 58 | if(!movimiento.anulado && movimiento.remito && | 65 | if(!movimiento.anulado && movimiento.remito && |
| 59 | !movimiento.remito.idHojaRuta) { | 66 | !movimiento.remito.idHojaRuta) { |
| 60 | var remito = movimiento.remito; | 67 | var remito = movimiento.remito; |
| 61 | var yaEstaCargado = $filter('filter')(remitosRes, {id: remito.id}); | 68 | var yaEstaCargado = $filter('filter')(remitosRes, {id: remito.id}); |
| 62 | if(!yaEstaCargado.length && movimiento.metodo === 'carga') { | 69 | if(!yaEstaCargado.length && movimiento.metodo === 'carga') { |
| 63 | remitosRes.push(remito); | 70 | remitosRes.push(remito); |
| 64 | } | 71 | } |
| 65 | } | 72 | } |
| 66 | } | 73 | } |
| 67 | return remitosRes; | 74 | return remitosRes; |
| 68 | }, | 75 | }, |
| 69 | getVehiculosByIdUsuario: function() { | 76 | getVehiculosByIdUsuario: function() { |
| 70 | return $http.get(API_ENDPOINT.URL + '/vehiculo/usuario/' + this.idUsuario); | 77 | return $http.get(API_ENDPOINT.URL + '/vehiculo/usuario/' + this.idUsuario); |
| 71 | }, | 78 | }, |
| 72 | obtenerCisternasPorFecha: function(idVehiculo, fecha) { | 79 | obtenerCisternasPorFecha: function(idVehiculo) { |
| 73 | return $http.post(API_ENDPOINT.URL + '/cisterna/listar/fecha', | 80 | return $http.post(API_ENDPOINT.URL + '/cisterna/listar/fecha', |
| 74 | {idVehiculo: idVehiculo, fechaReparto: fecha}); | 81 | {idVehiculo: idVehiculo, fechaReparto: this.fecha}); |
| 82 | }, | ||
| 83 | getUnidadesByFecha: function() { | ||
| 84 | return $http.post(API_ENDPOINT.URL + '/vehiculo/listar/fecha', | ||
| 85 | {fecha: this.fecha}); | ||
| 86 | }, | ||
| 87 | setFechaReparto: function(fechaReparto) { | ||
| 88 | this.fecha = fechaReparto; | ||
| 75 | } | 89 | } |
| 76 | }; | 90 | }; |
| 77 | }]); | 91 | }]); |
| 78 | 92 |
src/views/foca-logistica-pedido-ruta.html
| 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"> |
| 10 | <div class="col-12"> | 10 | <div class="col-12"> |
| 11 | <foca-botonera-facturador botones="botonera" extra="4" class="row"></foca-botonera-facturador> | 11 | <foca-botonera-facturador botones="botonera" extra="4" class="row"></foca-botonera-facturador> |
| 12 | </div> | 12 | </div> |
| 13 | </div> | 13 | </div> |
| 14 | <div class="row"> | 14 | <div class="row"> |
| 15 | <div class="offset-1 col-9"> | 15 | <div class="offset-1 col-9"> |
| 16 | <foca-logistica | 16 | <foca-logistica |
| 17 | latitud="-32.89214159952345" | 17 | latitud="-32.89214159952345" |
| 18 | longitud="-68.84572999101856" | 18 | longitud="-68.84572999101856" |
| 19 | zoom="14" | 19 | zoom="14" |
| 20 | marcadores="marcadores" | 20 | marcadores="marcadores" |
| 21 | parametros= "datosBuscados" | 21 | parametros= "datosBuscados" |
| 22 | /> | 22 | /> |
| 23 | </div> | 23 | </div> |
| 24 | <div class="col-2 pl-0"> | 24 | <div class="col-2 pl-0"> |
| 25 | <strong>Filtros: </strong> | 25 | <strong>Filtros: </strong> |
| 26 | <br> | 26 | <br> |
| 27 | <span>Fecha Desde</span> | 27 | <span>Fecha Desde</span> |
| 28 | <input | 28 | <input |
| 29 | type="text" | 29 | type="text" |
| 30 | readonly | 30 | readonly |
| 31 | ng-model="fechaDesde" | 31 | ng-model="fechaDesde" |
| 32 | class="form-control form-control-sm" | 32 | class="form-control form-control-sm" |
| 33 | uib-datepicker-popup="dd/MM/yyyy" | 33 | uib-datepicker-popup="dd/MM/yyyy" |
| 34 | show-button-bar="false" | 34 | show-button-bar="false" |
| 35 | is-open="fechaDesdeOpen" | 35 | is-open="fechaDesdeOpen" |
| 36 | on-open-focus="false" | 36 | on-open-focus="false" |
| 37 | ng-focus="fechaDesdeOpen = true" | 37 | ng-focus="fechaDesdeOpen = true" |
| 38 | ng-change="search()" | 38 | ng-change="search()" |
| 39 | /> | 39 | /> |
| 40 | <span>Fecha Hasta</span> | 40 | <span>Fecha Hasta</span> |
| 41 | <input | 41 | <input |
| 42 | type="text" | 42 | type="text" |
| 43 | readonly | 43 | readonly |
| 44 | ng-model="fechaHasta" | 44 | ng-model="fechaHasta" |
| 45 | class="form-control form-control-sm" | 45 | class="form-control form-control-sm" |
| 46 | uib-datepicker-popup="dd/MM/yyyy" | 46 | uib-datepicker-popup="dd/MM/yyyy" |
| 47 | show-button-bar="false" | 47 | show-button-bar="false" |
| 48 | is-open="fechaHastaOpen" | 48 | is-open="fechaHastaOpen" |
| 49 | on-open-focus="false" | 49 | on-open-focus="false" |
| 50 | ng-focus="fechaHastaOpen = true" | 50 | ng-focus="fechaHastaOpen = true" |
| 51 | ng-change="search()" | 51 | ng-change="search()" |
| 52 | /> | 52 | /> |
| 53 | <!-- TODO: descomentar cuando se quite definitivamente --> | 53 | <!-- TODO: descomentar cuando se quite definitivamente --> |
| 54 | <!-- <button | 54 | <!-- <button |
| 55 | type="button" | 55 | type="button" |
| 56 | ng-class="{'active': idVendedor == 0}" | 56 | ng-class="{'active': idVendedor == 0}" |
| 57 | class="btn col-12 my-1" | 57 | class="btn col-12 my-1" |
| 58 | ng-click="general()" | 58 | ng-click="general()" |
| 59 | >General</button> | 59 | >General</button> |
| 60 | <button | 60 | <button |
| 61 | type="button" | 61 | type="button" |
| 62 | ng-class="{'active': idVendedor != 0}" | 62 | ng-class="{'active': idVendedor != 0}" |
| 63 | class="btn col-12 my-1" | 63 | class="btn col-12 my-1" |
| 64 | ng-click="individual()" | 64 | ng-click="individual()" |
| 65 | >Individual</button> | 65 | >Individual</button> |
| 66 | <div class="form-group" ng-show="idVendedor == -1"> | 66 | <div class="form-group" ng-show="idVendedor == -1"> |
| 67 | <input | 67 | <input |
| 68 | type="text" | 68 | type="text" |
| 69 | placeholder="Vendedor" | 69 | placeholder="Vendedor" |
| 70 | class="form-control" | 70 | class="form-control" |
| 71 | ng-model="idVendedorInput" | 71 | ng-model="idVendedorInput" |
| 72 | ng-keypress="search($event.keyCode)" | 72 | ng-keypress="search($event.keyCode)" |
| 73 | foca-focus="idVendedor == -1" | 73 | foca-focus="idVendedor == -1" |
| 74 | > | 74 | > |
| 75 | </div> --> | 75 | </div> --> |
| 76 | <div class="custom-control custom-radio"> | 76 | <div class="custom-control custom-radio"> |
| 77 | <input | 77 | <input |
| 78 | type="radio" | 78 | type="radio" |
| 79 | class="custom-control-input" | 79 | class="custom-control-input" |
| 80 | id="idTodos" | 80 | id="idTodos" |
| 81 | name="filtro" | 81 | name="filtro" |
| 82 | ng-model="filtroEstado" | 82 | ng-model="filtroEstado" |
| 83 | ng-change="search()" | 83 | ng-change="search()" |
| 84 | checked> | 84 | checked> |
| 85 | <label class="custom-control-label pb-3" for="idTodos"></label> | 85 | <label class="custom-control-label pb-3" for="idTodos"></label> |
| 86 | <img src="img/marker-icon-grey.png"> | 86 | <img src="img/marker-icon-grey.png"> |
| 87 | <strong>Todos</strong> | 87 | <strong>Todos</strong> |
| 88 | </div> | 88 | </div> |
| 89 | <div class="custom-control custom-radio"> | 89 | <div class="custom-control custom-radio"> |
| 90 | <input | 90 | <input |
| 91 | type="radio" | 91 | type="radio" |
| 92 | class="custom-control-input" | 92 | class="custom-control-input" |
| 93 | id="idSinAsignar" | 93 | id="idSinAsignar" |
| 94 | name="filtro" | 94 | name="filtro" |
| 95 | ng-model="filtroEstado" | 95 | ng-model="filtroEstado" |
| 96 | ng-change="search()" | 96 | ng-change="search()" |
| 97 | ng-value="false"> | 97 | ng-value="false"> |
| 98 | <label class="custom-control-label pb-3" for="idSinAsignar"></label> | 98 | <label class="custom-control-label pb-3" for="idSinAsignar"></label> |
| 99 | <img src="img/marker-icon-green.png"> | 99 | <img src="img/marker-icon-green.png"> |
| 100 | <strong>Sin asignar</strong> | 100 | <strong>Sin asignar</strong> |
| 101 | </div> | 101 | </div> |
| 102 | <div class="custom-control custom-radio"> | 102 | <div class="custom-control custom-radio"> |
| 103 | <input | 103 | <input |
| 104 | type="radio" | 104 | type="radio" |
| 105 | class="custom-control-input" | 105 | class="custom-control-input" |
| 106 | id="idAsignado" | 106 | id="idAsignado" |
| 107 | name="filtro" | 107 | name="filtro" |
| 108 | ng-model="filtroEstado" | 108 | ng-model="filtroEstado" |
| 109 | ng-change="search()" | 109 | ng-change="search()" |
| 110 | ng-value="true"> | 110 | ng-value="true"> |
| 111 | <label class="custom-control-label pb-3" for="idAsignado"></label> | 111 | <label class="custom-control-label pb-3" for="idAsignado"></label> |
| 112 | <img src="img/marker-icon-red.png"> | 112 | <img src="img/marker-icon-red.png"> |
| 113 | <strong>Asignado</strong> | 113 | <strong>Asignado</strong> |
| 114 | </div> | 114 | </div> |
| 115 | </div> | 115 | </div> |
| 116 | <div class="row"> | 116 | <div class="row"> |
| 117 | <div | 117 | <div |
| 118 | class="container col-auto" | 118 | class="container col-auto" |
| 119 | ng-repeat="vehiculo in vehiculos" | 119 | ng-repeat="vehiculo in vehiculos" |
| 120 | ng-click="mostrarDetalleVehiculo(vehiculo)" | 120 | ng-click="mostrarDetalleVehiculo(vehiculo)" |
| 121 | > | 121 | > |
| 122 | <div> | 122 | <div> |
| 123 | <div class="col-md-3 col-sm-6"> | 123 | <div class="col-md-3 col-sm-6"> |
| 124 | <div class="progress-circle" ng-class="{'arrastrando': arrastrando}"> | 124 | <div class="progress-circle" ng-class="{'arrastrando': arrastrando}"> |
| 125 | <span class="progress-left"> | 125 | <span class="progress-left"> |
| 126 | <span class="progress-bar"></span> | 126 | <span class="progress-bar"></span> |
| 127 | </span> | 127 | </span> |
| 128 | <span class="progress-right"> | 128 | <span class="progress-right"> |
| 129 | <span class="progress-bar"></span> | 129 | <span class="progress-bar"></span> |
| 130 | </span> | 130 | </span> |
| 131 | <div class="progress-value">{{vehiculo.codigo}}</div> | 131 | <div class="progress-value">{{vehiculo.codigo}}</div> |
| 132 | </div> | 132 | </div> |
| 133 | </div> | 133 | </div> |
| 134 | <div class="row ml-2"> | 134 | <div class="row ml-2"> |
| 135 | <div class="col-3 position-absolute"> | 135 | <div class="col-3 position-absolute"> |
| 136 | <img | 136 | <img |
| 137 | src="img/hojaRutaVolante.png" | 137 | src="img/hojaRutaVolante.png" |
| 138 | width="100%"> | 138 | width="100%"> |
| 139 | </div> | 139 | </div> |
| 140 | <div class="col-3" | 140 | <div class="col-3" |
| 141 | uib-tooltip="Confeccionar hoja de ruta" | 141 | uib-tooltip="Confirmar hoja de ruta" |
| 142 | ng-click="hacerHojaRuta(vehiculo)"></div> | 142 | ng-click="hacerHojaRuta(vehiculo)"></div> |
| 143 | <div class="col-3"> | 143 | <div class="col-3"> |
| 144 | <i | 144 | <i |
| 145 | class="fa fa-eye fa-2x" | 145 | class="fa fa-eye fa-2x" |
| 146 | uib-tooltip="Ver cisternas" | 146 | uib-tooltip="Ver cisternas" |
| 147 | ng-click="cargar(vehiculo.id, -1)"> | 147 | ng-click="cargar(vehiculo.id, -1)"> |
| 148 | </i> | 148 | </i> |
| 149 | </div> | 149 | </div> |
| 150 | <div class="col-3 ml-2"> | 150 | <div class="col-3 ml-2"> |
| 151 | <i | 151 | <i |
| 152 | class="fa fa-trash fa-2x" | 152 | class="fa fa-trash fa-2x" |
| 153 | uib-tooltip="Eliminar vehiculo" | 153 | uib-tooltip="Eliminar vehiculo" |
| 154 | ng-click="quitarVehiculo(vehiculo)"></i> | 154 | ng-click="quitarVehiculo(vehiculo)"></i> |
| 155 | </div> | 155 | </div> |
| 156 | </div> | 156 | </div> |
| 157 | <div | 157 | <div |
| 158 | class="ml-1 border border-dark text-center" | 158 | class="ml-1 border border-dark text-center" |
| 159 | ng-show="arrastrando" | 159 | ng-show="arrastrando" |
| 160 | id="{{vehiculo.id}}" | 160 | id="{{vehiculo.id}}" |
| 161 | ondrop="drop(event)" | 161 | ondrop="drop(event)" |
| 162 | ondragover="allowDrop(event)" | 162 | ondragover="allowDrop(event)" |
| 163 | >Soltar acá</div> | 163 | >Soltar acá</div> |
| 164 | </div> | 164 | </div> |
| 165 | </div> | 165 | </div> |
| 166 | </div> | 166 | </div> |
| 167 | </div> | 167 | </div> |
| 168 | </div> | 168 | </div> |
| 169 | 169 |
src/views/foca-modal-crear-hoja-ruta.html
| 1 | <div class="modal-header"> | 1 | <div class="modal-header"> |
| 2 | <h5>En desarrollo</h5> | 2 | <h5>En desarrollo</h5> |
| 3 | <h4>Confirmar hoja de ruta</h4> | 3 | <h4>Confirmar hoja de ruta</h4> |
| 4 | <div class="row"> | 4 | <div class="row"> |
| 5 | <!-- <div class="col-6"> | 5 | <!-- <div class="col-6"> |
| 6 | <span>Hoja de ruta Nº </span> | 6 | <span>Hoja de ruta Nº </span> |
| 7 | <strong ng-bind="[sucursal, numero] | comprobante"></strong> | 7 | <strong ng-bind="[sucursal, numero] | comprobante"></strong> |
| 8 | </div> --> | 8 | </div> --> |
| 9 | <div class="col-6 row"> | 9 | <div class="col-6 row"> |
| 10 | <label class="col-3 mt-2">Fecha:</label> | 10 | <label class="col-3 mt-2">Fecha:</label> |
| 11 | <input | 11 | <input |
| 12 | type="text" | 12 | type="text" |
| 13 | readonly | 13 | readonly |
| 14 | ng-model="now" | 14 | ng-model="now" |
| 15 | uib-datepicker-popup="dd/MM/yyyy" | 15 | uib-datepicker-popup="dd/MM/yyyy" |
| 16 | show-button-bar="false" | 16 | show-button-bar="false" |
| 17 | is-open="datepickerOpen" | 17 | is-open="datepickerOpen" |
| 18 | on-open-focus="false" | 18 | on-open-focus="false" |
| 19 | ng-focus="datepickerOpen = true" | 19 | ng-focus="datepickerOpen = true" |
| 20 | datepicker-options="dateOptions" | 20 | datepicker-options="dateOptions" |
| 21 | class="form-control col-8"/> | 21 | class="form-control col-8"/> |
| 22 | </div> | 22 | </div> |
| 23 | </div> | 23 | </div> |
| 24 | </div> | 24 | </div> |
| 25 | <div class="modal-body"> | 25 | <div class="modal-body"> |
| 26 | <form class="row" name="formHojaRuta"> | 26 | <form class="row" name="formHojaRuta"> |
| 27 | 27 | ||
| 28 | <div class="col-2"> | 28 | <div class="col-2"> |
| 29 | <label>Transportista</label> | 29 | <label>Transportista</label> |
| 30 | </div> | 30 | </div> |
| 31 | <div class="col-4"> | 31 | <div class="col-4"> |
| 32 | <input | 32 | <input |
| 33 | class="form-control" | 33 | class="form-control" |
| 34 | readonly | 34 | readonly |
| 35 | ng-value="vehiculo.transportista.COD + ' ' + vehiculo.transportista.NOM" | 35 | ng-value="vehiculo.transportista.COD + ' ' + vehiculo.transportista.NOM" |
| 36 | > | 36 | > |
| 37 | </div> | 37 | </div> |
| 38 | <div class="col-2 form-group"> | 38 | <div class="col-2 form-group"> |
| 39 | <label>Unidad</label> | 39 | <label>Unidad</label> |
| 40 | </div> | 40 | </div> |
| 41 | <div class="col-4"> | 41 | <div class="col-4"> |
| 42 | <input | 42 | <input |
| 43 | class="form-control" | 43 | class="form-control" |
| 44 | readonly | 44 | readonly |
| 45 | ng-model="vehiculo.tractor" | 45 | ng-model="vehiculo.tractor" |
| 46 | > | 46 | > |
| 47 | </div> | 47 | </div> |
| 48 | </form> | 48 | </form> |
| 49 | <strong>Remitos:</strong> | 49 | <strong>Remitos:</strong> |
| 50 | <table class="table"> | 50 | <table class="table"> |
| 51 | <thead> | 51 | <thead> |
| 52 | <tr> | 52 | <tr> |
| 53 | <th>Remito Nº</th> | 53 | <th>Remito Nº</th> |
| 54 | <th>Cliente</th> | 54 | <th>Cliente</th> |
| 55 | <th>Domicilio de entrega</th> | 55 | <th>Domicilio de entrega</th> |
| 56 | </tr> | 56 | </tr> |
| 57 | </thead> | 57 | </thead> |
| 58 | <tbody> | 58 | <tbody> |
| 59 | <tr ng-show="!remitos.length"> | 59 | <tr ng-show="!remitos.length"> |
| 60 | <td colspan="3"> | 60 | <td colspan="3"> |
| 61 | No se han encontrado remitos. | 61 | No se han encontrado remitos. |
| 62 | </td> | 62 | </td> |
| 63 | </tr> | 63 | </tr> |
| 64 | <tr ng-repeat="remito in remitos"> | 64 | <tr ng-repeat="remito in remitos"> |
| 65 | <td ng-bind="[remito.sucursal, remito.numeroRemito] | comprobante"></td> | 65 | <td ng-bind="[remito.sucursal, remito.numeroRemito] | comprobante"></td> |
| 66 | <td ng-bind="remito.nombreCliente"></td> | 66 | <td ng-bind="remito.nombreCliente"></td> |
| 67 | <td ng-bind="remito.domicilioStamp"></td> | 67 | <td ng-bind="remito.domicilioStamp"></td> |
| 68 | <td> | 68 | <td> |
| 69 | <div class="custom-control custom-checkbox"> | 69 | <div class="custom-control custom-checkbox"> |
| 70 | <input | 70 | <input |
| 71 | type="checkbox" | 71 | type="checkbox" |
| 72 | ng-model="remito.checked" | 72 | ng-model="remito.checked" |
| 73 | class="custom-control-input" | 73 | class="custom-control-input" |
| 74 | id="{{remito.id}}"> | 74 | id="{{remito.id}}"> |
| 75 | <label class="custom-control-label" for="{{remito.id}}"></label> | 75 | <label class="custom-control-label" for="{{remito.id}}"></label> |
| 76 | </div> | 76 | </div> |
| 77 | </td> | 77 | </td> |
| 78 | </tr> | 78 | </tr> |
| 79 | </tbody> | 79 | </tbody> |
| 80 | </table> | 80 | </table> |
| 81 | </div> | 81 | </div> |
| 82 | <div class="modal-footer py-1"> | 82 | <div class="modal-footer py-1"> |
| 83 | <button | 83 | <button |
| 84 | class="btn btn-sm btn-danger" | 84 | class="btn btn-sm btn-danger" |
| 85 | type="button" | 85 | type="button" |
| 86 | ng-click="eliminarRemitos()" | 86 | ng-click="eliminarRemitos()" |
| 87 | ng-disabled="minimoUnoChecked()">Eliminar</button> | 87 | ng-disabled="minimoUnoChecked()">Eliminar</button> |
| 88 | <button | 88 | <button |
| 89 | class="btn btn-sm btn-secondary" | 89 | class="btn btn-sm btn-secondary" |
| 90 | ladda="cargando" | 90 | ladda="cargando" |
| 91 | type="button" | 91 | type="button" |
| 92 | ng-click="cancelar()">Cancelar</button> | 92 | ng-click="cancelar()">Cancelar</button> |
| 93 | <button | 93 | <button |
| 94 | class="btn btn-sm btn-primary" | 94 | class="btn btn-sm btn-primary" |
| 95 | ladda="cargando" | 95 | ladda="cargando" |
| 96 | type="button" | 96 | type="button" |
| 97 | ng-disabled="!formHojaRuta.$valid || !remitos.length || true" | 97 | ng-disabled="!formHojaRuta.$valid || !remitos.length || true" |
| 98 | ng-click="aceptar()">Crear hoja ruta</button> | 98 | ng-click="aceptar()">Confirmar hoja ruta</button> |
| 99 | </div> | 99 | </div> |
| 100 | 100 |