Commit a0042a4f2efecf6ef0103967d85d9888de6b1e8f
1 parent
6a06288d8c
Exists in
master
cargar remitos
confeccionar hoja ruta
Showing
8 changed files
with
303 additions
and
74 deletions
Show diff stats
.jshintrc
1 | { | 1 | { |
2 | /* | 2 | /* |
3 | * ENVIRONMENTS | 3 | * ENVIRONMENTS |
4 | * ================= | 4 | * ================= |
5 | */ | 5 | */ |
6 | 6 | ||
7 | // Define globals exposed by modern browsers. | 7 | // Define globals exposed by modern browsers. |
8 | "browser": true, | 8 | "browser": true, |
9 | 9 | ||
10 | // Define globals exposed by jQuery. | 10 | // Define globals exposed by jQuery. |
11 | "jquery": true, | 11 | "jquery": true, |
12 | 12 | ||
13 | // Define globals exposed by Node.js. | 13 | // Define globals exposed by Node.js. |
14 | "node": true, | 14 | "node": true, |
15 | 15 | ||
16 | // Allow ES6. | 16 | // Allow ES6. |
17 | "esversion": 6, | 17 | "esversion": 6, |
18 | 18 | ||
19 | /* | 19 | /* |
20 | * ENFORCING OPTIONS | 20 | * ENFORCING OPTIONS |
21 | * ================= | 21 | * ================= |
22 | */ | 22 | */ |
23 | 23 | ||
24 | // Force all variable names to use either camelCase style or UPPER_CASE | 24 | // Force all variable names to use either camelCase style or UPPER_CASE |
25 | // with underscores. | 25 | // with underscores. |
26 | "camelcase": true, | 26 | "camelcase": true, |
27 | 27 | ||
28 | // Prohibit use of == and != in favor of === and !==. | 28 | // Prohibit use of == and != in favor of === and !==. |
29 | "eqeqeq": true, | 29 | "eqeqeq": true, |
30 | 30 | ||
31 | // Enforce tab width of 2 spaces. | 31 | // Enforce tab width of 2 spaces. |
32 | "indent": 4, | 32 | "indent": 4, |
33 | 33 | ||
34 | // Prohibit use of a variable before it is defined. | 34 | // Prohibit use of a variable before it is defined. |
35 | "latedef": false, | 35 | "latedef": false, |
36 | 36 | ||
37 | // Enforce line length to 100 characters | 37 | // Enforce line length to 100 characters |
38 | "maxlen": 100, | 38 | "maxlen": 100, |
39 | 39 | ||
40 | // Require capitalized names for constructor functions. | 40 | // Require capitalized names for constructor functions. |
41 | "newcap": true, | 41 | "newcap": true, |
42 | 42 | ||
43 | // Enforce use of single quotation marks for strings. | 43 | // Enforce use of single quotation marks for strings. |
44 | "quotmark": "single", | 44 | "quotmark": "single", |
45 | 45 | ||
46 | // Enforce placing 'use strict' at the top function scope | 46 | // Enforce placing 'use strict' at the top function scope |
47 | "strict": false, | 47 | "strict": false, |
48 | 48 | ||
49 | // Prohibit use of explicitly undeclared variables. | 49 | // Prohibit use of explicitly undeclared variables. |
50 | "undef": true, | 50 | "undef": true, |
51 | 51 | ||
52 | // Warn when variables are defined but never used. | 52 | // Warn when variables are defined but never used. |
53 | "unused": true, | 53 | "unused": false, |
54 | 54 | ||
55 | // Para que funcione en angular | 55 | // Para que funcione en angular |
56 | "predef": ["angular", "alert", "spyOn", "expect", "it", "inject", "beforeEach", "describe", "L"], | 56 | "predef": ["angular", "alert", "spyOn", "expect", "it", "inject", "beforeEach", "describe", "L"], |
57 | /* | 57 | /* |
58 | * RELAXING OPTIONS | 58 | * RELAXING OPTIONS |
59 | * ================= | 59 | * ================= |
60 | */ | 60 | */ |
61 | 61 | ||
62 | // Suppress warnings about == null comparisons. | 62 | // Suppress warnings about == null comparisons. |
63 | "eqnull": true | 63 | "eqnull": true |
64 | } | 64 | } |
65 | 65 |
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', | 3 | 'focaModalService', 'focaBotoneraLateralService', |
4 | function($scope, focaLogisticaPedidoRutaService, $location, $uibModal, $filter, | 4 | function($scope, focaLogisticaPedidoRutaService, $location, $uibModal, $filter, |
5 | focaModalService, focaBotoneraLateralService | 5 | focaModalService, focaBotoneraLateralService |
6 | ) { | 6 | ) { |
7 | $scope.now = new Date(); | 7 | $scope.now = new Date(); |
8 | $scope.actividad = 'Logistica'; | 8 | $scope.actividad = 'Logistica'; |
9 | 9 | ||
10 | //Datos Pantalla | 10 | //Datos Pantalla |
11 | $scope.titulo = 'Logistica de Pedidos'; | 11 | $scope.titulo = 'Logistica de Pedidos'; |
12 | $scope.botonera = ['Vehiculo']; | 12 | $scope.botonera = ['Vehiculo']; |
13 | var cabecera = ''; | 13 | var cabecera = ''; |
14 | 14 | ||
15 | $scope.idUsuario = 0; | 15 | $scope.idUsuario = 0; |
16 | $scope.marcadores = []; | 16 | $scope.marcadores = []; |
17 | $scope.vehiculos = []; | 17 | $scope.vehiculos = []; |
18 | var idsRemitos = []; | ||
18 | getSeguimiento(); | 19 | getSeguimiento(); |
19 | $scope.arrastrando = false; | 20 | $scope.arrastrando = false; |
20 | $scope.general = function() { | 21 | $scope.general = function() { |
21 | $scope.idUsuario = 0; | 22 | $scope.idUsuario = 0; |
22 | getSeguimiento(); | 23 | getSeguimiento(); |
23 | }; | 24 | }; |
24 | 25 | ||
25 | //SETEO BOTONERA LATERAL | 26 | //SETEO BOTONERA LATERAL |
26 | focaBotoneraLateralService.showSalir(true); | 27 | focaBotoneraLateralService.showSalir(true); |
27 | focaBotoneraLateralService.showPausar(false); | 28 | focaBotoneraLateralService.showPausar(false); |
28 | focaBotoneraLateralService.showGuardar(false); | 29 | focaBotoneraLateralService.showGuardar(false); |
29 | 30 | ||
30 | $scope.general = function() { | 31 | $scope.general = function() { |
31 | $scope.idUsuario = 0; | 32 | $scope.idUsuario = 0; |
32 | getSeguimiento(); | 33 | getSeguimiento(); |
33 | $scope.$broadcast('removeCabecera', cabecera); | 34 | $scope.$broadcast('removeCabecera', cabecera); |
34 | $scope.$broadcast('addCabecera',{ | 35 | $scope.$broadcast('addCabecera',{ |
35 | label: 'General', | 36 | label: 'General', |
36 | valor: '' | 37 | valor: '' |
37 | }); | 38 | }); |
38 | }; | 39 | }; |
39 | 40 | ||
40 | $scope.cargar = function(id, punto) { | 41 | $scope.cargar = function(idVehiculo, punto) { |
41 | var idRemito = JSON.parse(punto).notaPedido.remito.id; | 42 | var idRemito = JSON.parse(punto).notaPedido.remito.id; |
42 | var modalInstance = $uibModal.open( | 43 | var modalInstance = $uibModal.open( |
43 | { | 44 | { |
44 | ariaLabelledBy: 'Busqueda de Vehiculo', | 45 | ariaLabelledBy: 'Busqueda de Vehiculo', |
45 | templateUrl: 'foca-detalle-vehiculo.html', | 46 | templateUrl: 'foca-detalle-vehiculo.html', |
46 | controller: 'focaDetalleVehiculo', | 47 | controller: 'focaDetalleVehiculo', |
47 | size: 'lg', | 48 | size: 'lg', |
48 | resolve: { | 49 | resolve: { |
49 | idVehiculo: function() {return id;}, | 50 | idVehiculo: function() {return idVehiculo;}, |
50 | idRemito: function() {return idRemito;} | 51 | idRemito: function() {return idRemito;} |
51 | } | 52 | } |
52 | } | 53 | } |
53 | ); | 54 | ); |
54 | modalInstance.result.then(function() { | 55 | modalInstance.result.then(function(idRemito) { |
56 | idsRemitos.push(idRemito); | ||
55 | }, function() { | 57 | }, function() { |
56 | }); | 58 | }); |
57 | }; | 59 | }; |
58 | 60 | ||
59 | $scope.quitarVehiculo = function(vehiculo) { | 61 | $scope.quitarVehiculo = function(vehiculo) { |
60 | focaModalService.confirm('Esta seguro que desea eliminar el vehículo ' + | 62 | focaModalService.confirm('Esta seguro que desea eliminar el vehículo ' + |
61 | vehiculo.codigo + '?').then(function() { | 63 | vehiculo.codigo + '?').then(function() { |
62 | $scope.vehiculos.splice($scope.vehiculos.indexOf(vehiculo), 1); | 64 | $scope.vehiculos.splice($scope.vehiculos.indexOf(vehiculo), 1); |
63 | }); | 65 | }); |
64 | }; | 66 | }; |
65 | 67 | ||
66 | $scope.informacionVehiculo = function(vehiculo) { | 68 | $scope.hacerHojaRuta = function(vehiculo) { |
67 | focaModalService.alert('EN DESARROLLO : \n información del vehículo ' + | 69 | var modalInstance = $uibModal.open( |
68 | JSON.stringify(vehiculo)); | 70 | { |
71 | ariaLabelledBy: 'Creación hoja ruta', | ||
72 | templateUrl: 'foca-modal-crear-hoja-ruta.html', | ||
73 | controller: 'focaModalCrearHojaRuta', | ||
74 | size: 'lg', | ||
75 | resolve: { | ||
76 | idVehiculo: function() {return vehiculo.id;}, | ||
77 | idsRemitos: function() {return idsRemitos;} | ||
78 | } | ||
79 | } | ||
80 | ); | ||
81 | modalInstance.result.then(function() { | ||
82 | |||
83 | }, function() { | ||
84 | //usar cuando se cancela el modal | ||
85 | }); | ||
69 | }; | 86 | }; |
70 | 87 | ||
71 | $scope.arrastra = function() { | 88 | $scope.arrastra = function() { |
72 | $scope.arrastrando = true; | 89 | $scope.arrastrando = true; |
73 | $scope.$digest(); | 90 | $scope.$digest(); |
74 | }; | 91 | }; |
75 | 92 | ||
76 | $scope.noArrastra = function() { | 93 | $scope.noArrastra = function() { |
77 | $scope.arrastrando = false; | 94 | $scope.arrastrando = false; |
78 | $scope.$digest(); | 95 | $scope.$digest(); |
79 | }; | 96 | }; |
80 | 97 | ||
81 | $scope.individual = function() { | 98 | $scope.individual = function() { |
82 | $scope.idUsuario = -1; | 99 | $scope.idUsuario = -1; |
83 | }; | 100 | }; |
84 | 101 | ||
85 | $scope.mostrarDetalle = function() { | 102 | $scope.mostrarDetalle = function() { |
86 | $scope.detalle = true; | 103 | $scope.detalle = true; |
87 | }; | 104 | }; |
88 | 105 | ||
89 | $scope.salir = function() { | 106 | $scope.salir = function() { |
90 | $location.path('/'); | 107 | $location.path('/'); |
91 | }; | 108 | }; |
92 | 109 | ||
93 | $scope.search = function(key) { | 110 | $scope.search = function(key) { |
94 | if (key === 13) { | 111 | if (key === 13) { |
95 | $scope.idUsuario = $scope.idUsuarioInput; | 112 | $scope.idUsuario = $scope.idUsuarioInput; |
96 | getSeguimiento(); | 113 | getSeguimiento(); |
97 | $scope.$broadcast('removeCabecera', 'General'); | 114 | $scope.$broadcast('removeCabecera', 'General'); |
98 | $scope.$broadcast('addCabecera', { | 115 | $scope.$broadcast('addCabecera', { |
99 | label: cabecera, | 116 | label: cabecera, |
100 | valor: $scope.idUsuarioInput | 117 | valor: $scope.idUsuarioInput |
101 | }); | 118 | }); |
102 | } | 119 | } |
103 | }; | 120 | }; |
104 | 121 | ||
105 | $scope.fecha = function() { | 122 | $scope.fecha = function() { |
106 | getSeguimiento(); | 123 | getSeguimiento(); |
107 | }; | 124 | }; |
108 | 125 | ||
109 | $scope.seleccionarVehiculo = function() { | 126 | $scope.seleccionarVehiculo = function() { |
110 | var modalInstance = $uibModal.open( | 127 | var modalInstance = $uibModal.open( |
111 | { | 128 | { |
112 | ariaLabelledBy: 'Busqueda de Vehiculo', | 129 | ariaLabelledBy: 'Busqueda de Vehiculo', |
113 | templateUrl: 'modal-vehiculo.html', | 130 | templateUrl: 'modal-vehiculo.html', |
114 | controller: 'focaModalVehiculoController', | 131 | controller: 'focaModalVehiculoController', |
115 | size: 'lg' | 132 | size: 'lg' |
116 | } | 133 | } |
117 | ); | 134 | ); |
118 | 135 | ||
119 | modalInstance.result.then( | 136 | modalInstance.result.then( |
120 | function(vehiculo) { | 137 | function(vehiculo) { |
121 | var existe = $filter('filter')($scope.vehiculos, {id: vehiculo.id}); | 138 | var existe = $filter('filter')($scope.vehiculos, {id: vehiculo.id}); |
122 | if(existe.length) { | 139 | if(existe.length) { |
123 | focaModalService.alert('El vehiculo que intenta cargar ya ha sido cargado'); | 140 | focaModalService.alert('El vehiculo que intenta cargar ya ha sido cargado'); |
124 | return; | 141 | return; |
125 | } | 142 | } |
143 | if(!vehiculo.cisternas.length) { | ||
144 | focaModalService.alert('El vehiculo no tiene cisternas'); | ||
145 | return; | ||
146 | } | ||
126 | $scope.vehiculos.push(vehiculo); | 147 | $scope.vehiculos.push(vehiculo); |
127 | }, function() { | 148 | }, function() { |
128 | // funcion ejecutada cuando se cancela el modal | 149 | // funcion ejecutada cuando se cancela el modal |
129 | } | 150 | } |
130 | ); | 151 | ); |
131 | }; | 152 | }; |
132 | 153 | ||
133 | function getSeguimiento() { | 154 | function getSeguimiento() { |
134 | var now = $scope.now; | 155 | var now = $scope.now; |
135 | var desde = new Date(new Date(now.setHours(0)).setMinutes(0)); | 156 | var desde = new Date(new Date(now.setHours(0)).setMinutes(0)); |
136 | desde = desde.setDate(desde.getDate() - 1); | 157 | desde = desde.setDate(desde.getDate() - 1); |
137 | desde = new Date(desde); | 158 | desde = new Date(desde); |
138 | var datos = { | 159 | var datos = { |
139 | actividad: $scope.actividad, | 160 | actividad: $scope.actividad, |
140 | idUsuario: $scope.idUsuario, | 161 | idUsuario: $scope.idUsuario, |
141 | fechaDesde: desde, | 162 | fechaDesde: desde, |
142 | fechaHasta: new Date(new Date(now.setHours(23)).setMinutes(59)) | 163 | fechaHasta: new Date(new Date(now.setHours(23)).setMinutes(59)) |
143 | }; | 164 | }; |
144 | 165 | ||
145 | $scope.datosBuscados = { | 166 | $scope.datosBuscados = { |
146 | actividad: $scope.actividad, | 167 | actividad: $scope.actividad, |
147 | individual: $scope.idUsuario !== 0 ? true : false | 168 | individual: $scope.idUsuario !== 0 ? true : false |
148 | }; | 169 | }; |
149 | 170 | ||
150 | focaLogisticaPedidoRutaService.obtenerActividad(datos).then(function(datos) { | 171 | focaLogisticaPedidoRutaService.obtenerActividad(datos).then(function(datos) { |
151 | $scope.marcadores = datos.data; | 172 | $scope.marcadores = datos.data; |
152 | }); | 173 | }); |
153 | } | 174 | } |
154 | } | 175 | } |
155 | ]); | 176 | ]); |
156 | 177 |
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 | function($scope, $uibModalInstance, idVehiculo, idRemito, focaModalService, $filter, | 10 | function($scope, $uibModalInstance, idVehiculo, idRemito, focaModalService, $filter, |
11 | focaLogisticaPedidoRutaService | 11 | focaLogisticaPedidoRutaService |
12 | ) { | 12 | ) { |
13 | //seteo variables | ||
13 | $scope.articulos = []; | 14 | $scope.articulos = []; |
14 | $scope.vehiculo = {}; | 15 | $scope.vehiculo = {}; |
15 | $scope.remito = {}; | 16 | $scope.remito = {}; |
17 | $scope.aCargar = []; | ||
18 | var cisternaMovimientos = []; | ||
16 | focaLogisticaPedidoRutaService.obtenerVehiculoById(idVehiculo).then( | 19 | focaLogisticaPedidoRutaService.obtenerVehiculoById(idVehiculo).then( |
17 | function(res) { | 20 | function(res) { |
18 | $scope.vehiculo = res.data; | 21 | $scope.vehiculo = res.data; |
19 | } | 22 | } |
20 | ); | 23 | ); |
21 | focaLogisticaPedidoRutaService.obtenerRemitoById(idRemito).then( | 24 | focaLogisticaPedidoRutaService.obtenerRemitoById(idRemito).then( |
22 | function(res) { | 25 | function(res) { |
23 | $scope.remito = res.data; | 26 | $scope.remito = res.data; |
24 | $scope.articulos = res.data.articulosRemito; | 27 | $scope.articulos = res.data.articulosRemito; |
25 | } | 28 | } |
26 | ); | 29 | ); |
27 | $scope.aCargar = []; | ||
28 | $scope.aceptar = function() { | 30 | $scope.aceptar = function() { |
29 | $uibModalInstance.close(); | 31 | $scope.cargando = true; |
32 | var cisternaCargas = []; | ||
33 | for (var i = 0; i < $scope.vehiculo.cisternas.length; i++) { | ||
34 | delete $scope.vehiculo.cisternas[i].cisternaCarga.articulo; | ||
35 | cisternaCargas.push($scope.vehiculo.cisternas[i].cisternaCarga); | ||
36 | } | ||
37 | var cisterna = { | ||
38 | cisternaMovimientos: cisternaMovimientos, | ||
39 | cisternaCargas: cisternaCargas | ||
40 | }; | ||
41 | focaLogisticaPedidoRutaService.guardarCisternas(cisterna).then(function() { | ||
42 | focaModalService.alert('Cisternas cargadas con éxito').then(function() { | ||
43 | $scope.cargando = false; | ||
44 | $uibModalInstance.close(idRemito); | ||
45 | }); | ||
46 | }); | ||
30 | }; | 47 | }; |
31 | 48 | ||
32 | $scope.cancelar = function() { | 49 | $scope.cancelar = function() { |
33 | $uibModalInstance.close(); | 50 | $uibModalInstance.close(); |
34 | }; | 51 | }; |
35 | 52 | ||
36 | $scope.cargarACisternas = function(vehiculo) { | 53 | $scope.cargarACisternas = function(vehiculo) { |
37 | for(var i = 0; i < vehiculo.cisternas.length; i++) { | 54 | for(var i = 0; i < vehiculo.cisternas.length; i++) { |
38 | var cisterna = vehiculo.cisternas[i]; | 55 | var cisterna = vehiculo.cisternas[i]; |
39 | var aCargar = parseFloat($scope.aCargar[i]); | 56 | var aCargar = parseFloat($scope.aCargar[i]); |
57 | //validaciones | ||
40 | if(!aCargar) { | 58 | if(!aCargar) { |
41 | continue; | 59 | continue; |
42 | } | 60 | } |
43 | if(aCargar > cisterna.disponible) { | 61 | if(aCargar > cisterna.disponible) { |
44 | focaModalService.alert('La cantidad cargada supera la capacidad de la' + | 62 | focaModalService.alert('La cantidad cargada supera la capacidad de la' + |
45 | 'cisterna ' + cisterna.codigo); | 63 | 'cisterna ' + cisterna.codigo); |
46 | return; | 64 | return; |
47 | } | 65 | } |
66 | //cargar | ||
48 | if(cisterna.cisternaCarga.cantidad) { | 67 | if(cisterna.cisternaCarga.cantidad) { |
49 | cisterna.cisternaCarga.cantidad += aCargar; | 68 | cisterna.cisternaCarga.cantidad += aCargar; |
50 | }else { | 69 | }else { |
51 | cisterna.cisternaCarga.cantidad = aCargar; | 70 | cisterna.cisternaCarga.cantidad = aCargar; |
52 | cisterna.cisternaCarga.idProducto = $scope.articuloSeleccionado.idArticulo; | 71 | cisterna.cisternaCarga.idProducto = $scope.articuloSeleccionado.idArticulo; |
53 | } | 72 | } |
54 | cisterna.disponible = cisterna.capacidad - cisterna.cisternaCarga.cantidad; | 73 | cisterna.disponible = cisterna.capacidad - cisterna.cisternaCarga.cantidad; |
55 | 74 | ||
56 | cisterna.cisternaCarga.articulo = { | 75 | cisterna.cisternaCarga.articulo = { |
57 | DetArt: $scope.articuloSeleccionado.descripcion | 76 | DetArt: $scope.articuloSeleccionado.descripcion |
58 | }; | 77 | }; |
59 | $filter('filter')($scope.articulos, {id: $scope.articuloSeleccionado.id})[0] | 78 | $filter('filter')($scope.articulos, {id: $scope.articuloSeleccionado.id})[0] |
60 | .cargado = true; | 79 | .cargado = true; |
61 | 80 | ||
62 | $scope.calcularPorcentaje(cisterna); | 81 | $scope.calcularPorcentaje(cisterna); |
82 | //Guardar | ||
83 | var now = new Date(); | ||
84 | var cisternaMovimiento = { | ||
85 | fecha: now.toISOString().slice(0, 19).replace('T', ' '), | ||
86 | cantidad: aCargar, | ||
87 | metodo: 'carga', | ||
88 | idCisternaCarga: cisterna.cisternaCarga.id | ||
89 | }; | ||
90 | cisternaMovimientos.push(cisternaMovimiento); | ||
63 | } | 91 | } |
64 | var articuloSiguiente = $scope.articulos.filter( | 92 | var articuloSiguiente = $scope.articulos.filter( |
65 | function(filter) { | 93 | function(filter) { |
66 | return filter.cargado !== true; | 94 | return filter.cargado !== true; |
67 | } | 95 | } |
68 | ); | 96 | ); |
69 | if(articuloSiguiente.length > 0) { | 97 | if(articuloSiguiente.length > 0) { |
70 | $scope.cambioArticulo(articuloSiguiente[0]); | 98 | $scope.cambioArticulo(articuloSiguiente[0]); |
71 | } | 99 | } |
72 | $scope.aCargar = []; | 100 | $scope.aCargar = []; |
73 | }; | 101 | }; |
74 | $scope.calcularPorcentaje = function(cisterna) { | 102 | $scope.calcularPorcentaje = function(cisterna) { |
75 | if(!cisterna.cisternaCarga.cantidad) { | 103 | if(!cisterna.cisternaCarga.cantidad) { |
76 | cisterna.cisternaCarga.cantidad = 0; | 104 | cisterna.cisternaCarga.cantidad = 0; |
77 | } | 105 | } |
78 | var porcentaje = (cisterna.cisternaCarga.cantidad * 100 / | 106 | var porcentaje = (cisterna.cisternaCarga.cantidad * 100 / |
79 | cisterna.capacidad) + '%'; | 107 | cisterna.capacidad) + '%'; |
80 | var elementHtml = document.getElementById(cisterna.id); | 108 | var elementHtml = document.getElementById(cisterna.id); |
81 | if(elementHtml) { | 109 | if(elementHtml) { |
82 | elementHtml.style.width = porcentaje; | 110 | elementHtml.style.width = porcentaje; |
83 | } | 111 | } |
84 | }; | 112 | }; |
85 | $scope.cambioArticulo = function(articulo) { | 113 | $scope.cambioArticulo = function(articulo) { |
86 | articulo.checked = true; | 114 | articulo.checked = true; |
87 | $scope.articuloSeleccionado = articulo; | 115 | $scope.articuloSeleccionado = articulo; |
88 | }; | 116 | }; |
89 | $scope.actualizarArticulo = function () { | 117 | $scope.actualizarArticulo = function () { |
90 | $scope.articuloSeleccionado.cantidadCargada = 0; | 118 | $scope.articuloSeleccionado.cantidadCargada = 0; |
91 | for (var i = 0; i < $scope.aCargar.length; i++) { | 119 | for (var i = 0; i < $scope.aCargar.length; i++) { |
92 | $scope.articuloSeleccionado.cantidadCargada += | 120 | $scope.articuloSeleccionado.cantidadCargada += |
93 | parseFloat($scope.aCargar[i]) || 0; | 121 | parseFloat($scope.aCargar[i]) || 0; |
94 | } | 122 | } |
95 | }; | 123 | }; |
96 | $scope.tieneArticulosPendientes = function() { | 124 | $scope.tieneArticulosPendientes = function() { |
97 | var articulosDescargados = $scope.articulos.filter(function(filter) { | 125 | var articulosDescargados = $scope.articulos.filter(function(filter) { |
98 | return filter.cargado === true; | 126 | return filter.cargado === true; |
99 | }); | 127 | }); |
100 | if(articulosDescargados.length === $scope.articulos.length) { | 128 | if(articulosDescargados.length === $scope.articulos.length) { |
101 | return false; | 129 | return false; |
102 | } | 130 | } |
103 | return true; | 131 | return true; |
104 | }; | 132 | }; |
105 | }]); | 133 | }]); |
src/js/controllerHojaRuta.js
File was created | 1 | angular.module('focaLogisticaPedidoRuta') | |
2 | .controller('focaModalCrearHojaRuta', [ | ||
3 | '$scope', | ||
4 | '$uibModalInstance', | ||
5 | '$uibModal', | ||
6 | 'focaLogisticaPedidoRutaService', | ||
7 | 'idVehiculo', | ||
8 | 'idsRemitos', | ||
9 | function($scope, $uibModalInstance, $uibModal, focaLogisticaPedidoRutaService, | ||
10 | idVehiculo, idsRemitos) { | ||
11 | $scope.vehiculo = {}; | ||
12 | $scope.remitos = []; | ||
13 | focaLogisticaPedidoRutaService.obtenerVehiculoById(idVehiculo).then(function(res) { | ||
14 | $scope.vehiculo = res.data; | ||
15 | }); | ||
16 | for (var i = 0; i < idsRemitos.length; i++) { | ||
17 | focaLogisticaPedidoRutaService.obtenerRemitoById(idsRemitos[i]) | ||
18 | .then(cargarRemito); | ||
19 | } | ||
20 | function cargarRemito(res) { | ||
21 | $scope.remitos.push(res.data); | ||
22 | } | ||
23 | focaLogisticaPedidoRutaService.numeroHojaRuta().then(function(res) { | ||
24 | $scope.sucursal = res.data.sucursal; | ||
25 | $scope.numero = res.data.numeroHojaRuta; | ||
26 | }); | ||
27 | $scope.cancelar = function() { | ||
28 | $uibModalInstance.close(); | ||
29 | }; | ||
30 | $scope.aceptar = function() { | ||
31 | $uibModalInstance.close(); | ||
32 | }; | ||
33 | $scope.seleccionarChofer = function() { | ||
34 | var modalInstance = $uibModal.open( | ||
35 | { | ||
36 | ariaLabelledBy: 'Busqueda de Chofer', | ||
37 | templateUrl: 'modal-chofer.html', | ||
38 | controller: 'focaModalChoferController', | ||
39 | size: 'lg' | ||
40 | } | ||
41 | ); | ||
42 | |||
43 | modalInstance.result.then( | ||
44 | function(chofer) { | ||
45 | $scope.chofer = chofer; | ||
46 | }, function() { | ||
47 | // funcion ejecutada cuando se cancela el modal | ||
48 | } | ||
49 | ); | ||
50 | }; | ||
51 | }]); |
src/js/service.js
1 | angular.module('focaLogisticaPedidoRuta') | 1 | angular.module('focaLogisticaPedidoRuta') |
2 | .service( | 2 | .service( |
3 | 'focaLogisticaPedidoRutaService', ['$http', 'API_ENDPOINT', function($http, API_ENDPOINT | 3 | 'focaLogisticaPedidoRutaService', ['$http', 'API_ENDPOINT', function($http, API_ENDPOINT |
4 | ) { | 4 | ) { |
5 | return { | 5 | return { |
6 | obtenerActividad: function(parametros) { | 6 | obtenerActividad: function(parametros) { |
7 | return $http.post(API_ENDPOINT.URL + '/seguimiento/filtros', parametros); | 7 | return $http.post(API_ENDPOINT.URL + '/seguimiento/filtros', parametros); |
8 | }, | 8 | }, |
9 | obtenerVehiculoById: function(idVehiculo) { | 9 | obtenerVehiculoById: function(idVehiculo) { |
10 | return $http.get(API_ENDPOINT.URL + '/vehiculo/' + idVehiculo); | 10 | return $http.get(API_ENDPOINT.URL + '/vehiculo/' + idVehiculo); |
11 | }, | 11 | }, |
12 | obtenerRemitoById: function(idRemito) { | 12 | obtenerRemitoById: function(idRemito) { |
13 | return $http.get(API_ENDPOINT.URL + '/remito/obtener/' + idRemito); | 13 | return $http.get(API_ENDPOINT.URL + '/remito/obtener/' + idRemito); |
14 | }, | ||
15 | guardarCisternas: function(cisterna) { | ||
16 | return $http.post(API_ENDPOINT.URL + '/cisterna/guardar/cargar', cisterna); | ||
17 | }, | ||
18 | numeroHojaRuta: function() { | ||
19 | return $http.get(API_ENDPOINT.URL + '/hoja-ruta/numero-siguiente'); | ||
14 | } | 20 | } |
15 | }; | 21 | }; |
16 | }]); | 22 | }]); |
17 | 23 |
src/views/foca-detalle-vehiculo.html
1 | <div class="modal-header"> | 1 | <div class="modal-header"> |
2 | <h4>Detalle de carga</h4> | 2 | <h4>Detalle de carga</h4> |
3 | <!-- TODO: quitar llaves {{}} y usar ng-bind --> | 3 | Vehículo <strong ng-bind="vehiculo.tractor"></strong> |
4 | <h4>-EN DESARROLLO</h4> | 4 | Transportista <strong ng-bind="vehiculo.transportista.NOM"></strong> |
5 | <br> | ||
5 | Remito Nº | 6 | Remito Nº |
6 | <strong ng-bind="remito.numeroRemito"></strong> | 7 | <strong ng-bind="[remito.sucursal, remito.numeroRemito] | comprobante"></strong> |
7 | , Cliente | 8 | , Cliente |
8 | <strong ng-bind="remito.nombreCliente"></strong> | 9 | <strong ng-bind="remito.nombreCliente"></strong> |
9 | , Domicilio | 10 | , Domicilio |
10 | <strong ng-bind="remito.domicilioStamp"></strong> | 11 | <strong ng-bind="remito.domicilioStamp"></strong> |
11 | </div> | 12 | </div> |
12 | <div class="modal-body"> | 13 | <div class="modal-body"> |
13 | <div> | 14 | <div> |
14 | <div class="col-12" ng-repeat="(key, articulo) in articulos"> | 15 | <table class="table table-sm"> |
15 | <input | 16 | <thead> |
16 | type="radio" | 17 | <tr> |
17 | name="articuloRadio" | 18 | <th></th> |
18 | id="{{articulo.id}}" | 19 | <th>Articulo</th> |
19 | ng-checked="articulo.checked" | 20 | <th>Total</th> |
20 | ng-disabled="articulo.cargado" | 21 | <th>Cargado</th> |
21 | ng-click="cambioArticulo(articulo)" | 22 | <th>Pendiente</th> |
22 | > | 23 | </tr> |
23 | <span>Articulo: {{articulo.descripcion}},</span> | 24 | </thead> |
24 | <span>Total: {{articulo.cantidad}},</span> | 25 | <tbody> |
25 | <span>Cantidad Cargada: {{articulo.cantidadCargada || 0}},</span> | 26 | <tr ng-repeat="(key, articulo) in articulos"> |
26 | <span>Pendiente: {{articulo.cantidad - articulo.cantidadCargada}} </span> | 27 | <td><input |
27 | </div> | 28 | type="radio" |
28 | <strong class="col-12" ng-bind="vehiculo.tractor"></strong> | 29 | name="articuloRadio" |
29 | <strong class="col-12">Cisternas:</strong> | 30 | id="{{articulo.id}}" |
30 | <div class="form-group row input-group" ng-repeat="(key, cisterna) in vehiculo.cisternas"> | 31 | ng-checked="articulo.checked" |
31 | <div class="col-1 mt-2"> | 32 | ng-disabled="articulo.cargado" |
32 | <strong>{{cisterna.codigo}}</strong> | 33 | ng-click="cambioArticulo(articulo)" |
33 | </div> | 34 | ></td> |
34 | <input | 35 | <td ng-bind="articulo.descripcion"></td> |
35 | class="form-control col-2 mr-3" | 36 | <td ng-bind="articulo.cantidad"></td> |
36 | foca-tipo-input | 37 | <td ng-bind="articulo.cantidadCargada || 0"></td> |
37 | foca-teclado | 38 | <td ng-bind="articulo.cantidad - articulo.cantidadCargada"></td> |
38 | placeholder="A cargar..." | 39 | </tr> |
39 | ng-model="aCargar[key]" | 40 | </tbody> |
40 | ng-disabled="(articuloSeleccionado.idArticulo !== cisterna.cisternaCarga.idProducto && | 41 | </table> |
41 | cisterna.cisternaCarga.idProducto) || !tieneArticulosPendientes()" | 42 | <table class="table table-sm"> |
42 | ng-change="actualizarArticulo()" | 43 | <thead> |
43 | > | 44 | <tr> |
44 | <div class="progress foca-alto-progress col-4 pl-0 pr-0 mt-1"> | 45 | <th>Cisterna</th> |
45 | <strong class="col-12 mt-1 text-center position-absolute" | 46 | <th>Cantidad asignada</th> |
46 | >{{cisterna.cisternaCarga.cantidad || 0}} / {{cisterna.capacidad}}</strong> | 47 | <th>Estado</th> |
47 | <div | 48 | <th>Articulo cargado</th> |
48 | id="{{cisterna.id}}" | 49 | </tr> |
49 | class="progress-bar" | 50 | </thead> |
50 | role="progressbar" | 51 | <tbody> |
51 | aria-valuemin="0" | 52 | <tr ng-repeat="(key, cisterna) in vehiculo.cisternas"> |
52 | aria-valuemax="{{cisterna.capacidad}}" | 53 | <td ng-bind="cisterna.codigo"></td> |
53 | ng-style="{'width':'{{calcularPorcentaje(cisterna)}}'}"> | 54 | <td><input |
54 | </div> | 55 | class="form-control" |
55 | </div> | 56 | foca-tipo-input |
56 | <div class="col-4 mt-2"> | 57 | foca-teclado |
57 | <strong>{{cisterna.cisternaCarga.articulo.DetArt || 'Sin articulo'}}</strong> | 58 | placeholder="A cargar..." |
58 | </div> | 59 | ng-model="aCargar[key]" |
59 | <!--TODO: descomentar cuando se use--> | 60 | ng-disabled="(articuloSeleccionado.idArticulo !== cisterna.cisternaCarga.idProducto && |
60 | <!-- <div class="col-1 mt-1"> | 61 | cisterna.cisternaCarga.idProducto) || !tieneArticulosPendientes()" |
61 | <i class="fa fa-info" uib-tooltip="Información cisterna"></i> | 62 | ng-change="actualizarArticulo()" |
62 | </div> --> | 63 | > |
63 | </div> | 64 | </td> |
65 | <td colspan="2"><div class="progress foca-alto-progress pl-0 pr-0 mt-1"> | ||
66 | <strong | ||
67 | class="mt-2 col-3 text-center position-absolute" | ||
68 | ng-bind="(cisterna.cisternaCarga.cantidad || 0) + '/' + (cisterna.capacidad)"> | ||
69 | </strong> | ||
70 | <div | ||
71 | id="{{cisterna.id}}" | ||
72 | class="progress-bar" | ||
73 | role="progressbar" | ||
74 | aria-valuemin="0" | ||
75 | aria-valuemax="{{cisterna.capacidad}}" | ||
76 | ng-style="{'width':'{{calcularPorcentaje(cisterna)}}'}"> | ||
77 | </div> | ||
78 | </div> | ||
79 | </td> | ||
80 | <td ng-bind="cisterna.cisternaCarga.articulo.DetArt || 'Sin articulo'"></td> | ||
81 | </tr> | ||
82 | </tbody> | ||
83 | </table> | ||
64 | <div class="col-12 aling-end"> | 84 | <div class="col-12 aling-end"> |
65 | <button | 85 | <button |
66 | class="form-control" | 86 | class="form-control btn btn-success" |
87 | ladda="cargando" | ||
88 | data-spinner-color="#FF0000" | ||
67 | type="button" | 89 | type="button" |
68 | ng-disabled="!articuloSeleccionado || articuloSeleccionado.cantidad - | 90 | ng-disabled="!articuloSeleccionado || articuloSeleccionado.cantidad - |
69 | articuloSeleccionado.cantidadCargada !== 0 || !tieneArticulosPendientes()" | 91 | articuloSeleccionado.cantidadCargada !== 0 || !tieneArticulosPendientes()" |
92 | ng-class="{'btn-light': !articuloSeleccionado || articuloSeleccionado.cantidad - | ||
93 | articuloSeleccionado.cantidadCargada !== 0 || !tieneArticulosPendientes()}" | ||
70 | ng-click="cargarACisternas(vehiculo)"> | 94 | ng-click="cargarACisternas(vehiculo)"> |
71 | Cargar cisternas | 95 | Aplicar distribución de cargas |
72 | </button> | 96 | </button> |
73 | </div> | 97 | </div> |
74 | </div> | 98 | </div> |
75 | </div> | 99 | </div> |
76 | <div class="modal-footer py-1"> | 100 | <div class="modal-footer py-1"> |
77 | <button | 101 | <button |
78 | class="btn btn-sm btn-secondary" | 102 | class="btn btn-sm btn-secondary" |
103 | ladda="cargando" | ||
79 | type="button" | 104 | type="button" |
80 | ng-click="cancelar()">Cancelar</button> | 105 | ng-click="cancelar()">Cancelar</button> |
81 | <button | 106 | <button |
82 | class="btn btn-sm btn-primary" | 107 | class="btn btn-sm btn-primary" |
108 | ladda="cargando" | ||
83 | type="button" | 109 | type="button" |
84 | ng-click="aceptar()" | 110 | ng-click="aceptar()" |
85 | ng-disabled="tieneArticulosPendientes()">Cargar</button> | 111 | ng-disabled="tieneArticulosPendientes()">Cargar</button> |
86 | </div> | 112 | </div> |
87 | 113 |
src/views/foca-logistica-pedido-ruta.html
1 | <div class="foca-logistica-pedido-ruta" id="test"> | 1 | <div class="foca-logistica-pedido-ruta" id="test"> |
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="5" class="row"></foca-botonera-facturador> | 11 | <foca-botonera-facturador botones="botonera" extra="5" 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 | 16 | <foca |
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 | <input | 25 | <input |
26 | type="date" | 26 | type="date" |
27 | ng-model="now" | 27 | ng-model="now" |
28 | class="btn col-12 my-1" | 28 | class="btn col-12 my-1" |
29 | foca-focus="true" | 29 | foca-focus="true" |
30 | ng-blur="fecha()" | 30 | ng-blur="fecha()" |
31 | hasta-hoy | 31 | hasta-hoy |
32 | /> | 32 | /> |
33 | <button | 33 | <button |
34 | type="button" | 34 | type="button" |
35 | ng-class="{'active': idUsuario == 0}" | 35 | ng-class="{'active': idUsuario == 0}" |
36 | class="btn col-12 my-1" | 36 | class="btn col-12 my-1" |
37 | ng-click="general()" | 37 | ng-click="general()" |
38 | >General</button> | 38 | >General</button> |
39 | <button | 39 | <button |
40 | type="button" | 40 | type="button" |
41 | ng-class="{'active': idUsuario != 0}" | 41 | ng-class="{'active': idUsuario != 0}" |
42 | class="btn col-12 my-1" | 42 | class="btn col-12 my-1" |
43 | ng-click="individual()" | 43 | ng-click="individual()" |
44 | >Individual</button> | 44 | >Individual</button> |
45 | <div class="form-group" ng-show="idUsuario == -1"> | 45 | <div class="form-group" ng-show="idUsuario == -1"> |
46 | <input | 46 | <input |
47 | type="text" | 47 | type="text" |
48 | placeholder="Vendedor" | 48 | placeholder="Vendedor" |
49 | class="form-control" | 49 | class="form-control" |
50 | ng-model="idUsuarioInput" | 50 | ng-model="idUsuarioInput" |
51 | ng-keypress="search($event.keyCode)" | 51 | ng-keypress="search($event.keyCode)" |
52 | foca-focus="idUsuario == -1" | 52 | foca-focus="idUsuario == -1" |
53 | > | 53 | > |
54 | </div> | 54 | </div> |
55 | </div> | 55 | </div> |
56 | <div class="row"> | 56 | <div class="row"> |
57 | <div | 57 | <div |
58 | class="container col-auto" | 58 | class="container col-auto" |
59 | ng-repeat="vehiculo in vehiculos" | 59 | ng-repeat="vehiculo in vehiculos" |
60 | ng-click="mostrarDetalleVehiculo(vehiculo)" | 60 | ng-click="mostrarDetalleVehiculo(vehiculo)" |
61 | > | 61 | > |
62 | <div> | 62 | <div> |
63 | <div class="col-md-3 col-sm-6"> | 63 | <div class="col-md-3 col-sm-6"> |
64 | <div class="progress-circle blue" ng-class="{'arrastrando': arrastrando}"> | 64 | <div class="progress-circle" ng-class="{'arrastrando': arrastrando}"> |
65 | <span class="progress-left"> | 65 | <span class="progress-left"> |
66 | <span class="progress-bar"></span> | 66 | <span class="progress-bar"></span> |
67 | </span> | 67 | </span> |
68 | <span class="progress-right"> | 68 | <span class="progress-right"> |
69 | <span class="progress-bar"></span> | 69 | <span class="progress-bar"></span> |
70 | </span> | 70 | </span> |
71 | <div class="progress-value">{{vehiculo.codigo}}</div> | 71 | <div class="progress-value">{{vehiculo.codigo}}</div> |
72 | </div> | 72 | </div> |
73 | </div> | 73 | </div> |
74 | <div class="row"> | 74 | <div class="row px-4"> |
75 | <div class="text-left col-6"> | 75 | <div class="text-left col-6 ml-1 position-absolute"> |
76 | <i | 76 | <img |
77 | class="fa fa-info fa-2x" | 77 | src="img/hojaRutaVolante.png" |
78 | uib-tooltip="Ver información del vehículo" | 78 | width="34%" |
79 | ng-click="informacionVehiculo(vehiculo)"></i> | 79 | uib-tooltip="Confeccionar hoja de ruta" |
80 | ng-click="hacerHojaRuta(vehiculo)"> | ||
80 | </div> | 81 | </div> |
81 | <div class="text-right col-6"> | 82 | <div class="text-right ml-5 col-6 position-absolute"> |
82 | <i | 83 | <i |
83 | class="fa fa-trash fa-2x" | 84 | class="fa fa-trash fa-2x" |
84 | uib-tooltip="Eliminar vehiculo" | 85 | uib-tooltip="Eliminar vehiculo" |
85 | ng-click="quitarVehiculo(vehiculo)"></i> | 86 | ng-click="quitarVehiculo(vehiculo)"></i> |
86 | </div> | 87 | </div> |
87 | </div> | 88 | </div> |
88 | <div | 89 | <div |
89 | class="col-12 border border-dark text-center" | 90 | class="col-12 mt-5 border border-dark text-center" |
90 | ng-show="arrastrando" | 91 | ng-show="arrastrando" |
91 | id="{{vehiculo.id}}" | 92 | id="{{vehiculo.id}}" |
92 | ondrop="drop(event)" | 93 | ondrop="drop(event)" |
93 | ondragover="allowDrop(event)" | 94 | ondragover="allowDrop(event)" |
94 | >Soltar acá</div> | 95 | >Soltar acá</div> |
95 | </div> | 96 | </div> |
96 | </div> | 97 | </div> |
97 | </div> | 98 | </div> |
98 | </div> | 99 | </div> |
99 | </div> | 100 | </div> |
100 | 101 |
src/views/foca-modal-crear-hoja-ruta.html
File was created | 1 | <div class="modal-header"> | |
2 | <h4>-en desarrollo</h4> | ||
3 | <h4>Confeccionar hoja de ruta</h4> | ||
4 | Hoja de ruta Nº <strong ng-bind="[numero, sucursal] | comprobante"></strong> | ||
5 | <br> | ||
6 | </div> | ||
7 | <div class="modal-body"> | ||
8 | <form class="row" name="formHojaRuta"> | ||
9 | |||
10 | |||
11 | <div class="col-2 form-group"> | ||
12 | <label>Vehículo</label> | ||
13 | </div> | ||
14 | <div class="col-4"> | ||
15 | <input | ||
16 | class="form-control" | ||
17 | readonly | ||
18 | ng-model="vehiculo.tractor" | ||
19 | > | ||
20 | </div> | ||
21 | <div class="col-2"> | ||
22 | <label>Transportista</label> | ||
23 | </div> | ||
24 | <div class="col-4"> | ||
25 | <input | ||
26 | class="form-control" | ||
27 | readonly | ||
28 | ng-model="vehiculo.transportista.NOM" | ||
29 | > | ||
30 | </div> | ||
31 | <div class="col-2 form-group"> | ||
32 | <label>Chofer</label> | ||
33 | </div> | ||
34 | <div class="col-4 input-group"> | ||
35 | <input | ||
36 | class="form-control" | ||
37 | ng-model="chofer.nombre" | ||
38 | ng-click="seleccionarChofer()" | ||
39 | ng-required="true" | ||
40 | > | ||
41 | <div class="input-group-append"> | ||
42 | <button | ||
43 | class="brn btn-outline-secondary form-control" | ||
44 | ng-click="seleccionarChofer()" | ||
45 | ><i class="fa fa-search"></i> | ||
46 | </button> | ||
47 | </div> | ||
48 | </div> | ||
49 | <div class="col-2"> | ||
50 | <label>Tarifa</label> | ||
51 | </div> | ||
52 | <div class="col-4"> | ||
53 | <input | ||
54 | class="form-control" | ||
55 | ng-model="tarifaFlete" | ||
56 | ng-required="true" | ||
57 | foca-teclado | ||
58 | foca-tipo-input | ||
59 | > | ||
60 | </div> | ||
61 | </form> | ||
62 | <strong>Remitos:</strong> | ||
63 | <table class="table"> | ||
64 | <thead> | ||
65 | <tr> | ||
66 | <th>Remito Nº</th> | ||
67 | <th>Cliente</th> | ||
68 | <th>Domicilio</th> | ||
69 | </tr> | ||
70 | </thead> | ||
71 | <tbody> | ||
72 | <tr ng-repeat="remito in remitos"> | ||
73 | <td ng-bind="[remito.numeroRemito, remito.sucursal] | comprobante"></td> | ||
74 | <td ng-bind="remito.nombreCliente"></td> | ||
75 | <td ng-bind="remito.domicilioStamp"></td> | ||
76 | </tr> | ||
77 | <!-- <tr> | ||
78 | <td>Remito ejemplo</td> | ||
79 | <td>Domicilio ejemplo</td> | ||
80 | </tr> --> | ||
81 | </tbody> | ||
82 | </table> | ||
83 | </div> | ||
84 | <div class="modal-footer py-1"> | ||
85 | <button | ||
86 | class="btn btn-sm btn-secondary" | ||
87 | ladda="cargando" | ||
88 | type="button" | ||
89 | ng-click="cancelar()">Cancelar</button> | ||
90 | <button | ||
91 | class="btn btn-sm btn-primary" | ||
92 | ladda="cargando" | ||
93 | type="button" | ||
94 | ng-disabled="!formHojaRuta.$valid" | ||
95 | ng-click="aceptar()">Crear hoja ruta</button> | ||
96 | </div> | ||
97 |