Nicolás Guarnieri / foca-modal-detalle-cisternas

Browse Code »

Commit 28d144ab4e6c6684847c957b81446a6e9c7e76d1

Authored by Eric Fernandez 2019-01-28 12:59:20 -0300

1 parent 3e9bc33af9

Exists in master

rellenar no supera lo máximo

Showing 2 changed files with 5 additions and 2 deletions Show diff stats

src/js/controller.js

Diff comments View file @ 28d144a

 angular.module('focaModalDetalleCisternas')
     .controller('focaDetalleVehiculo',
         ['$scope',
         '$uibModalInstance',
         'idVehiculo',
         'idRemito',
         'focaModalService',
         '$filter',
         'focaModalDetalleCisternasService',
         'fechaReparto',
         function($scope, $uibModalInstance, idVehiculo, idRemito, focaModalService, $filter,
             focaModalDetalleCisternasService, fechaReparto
         ) {
             //seteo variables
             $scope.cargandoDatos = true;
             $scope.idRemito = idRemito;
             $scope.articulos = [];
             $scope.vehiculo = {};
             $scope.cisternas = [];
             $scope.cisternasCarga = [];
             $scope.remito = {};
             $scope.aCargar = [];
             var cisternaMovimientos = [];
             var promesaRemito;
             if(fechaReparto) {
                 focaModalDetalleCisternasService.fecha = fechaReparto;
             }
             var promesaVehiculo = focaModalDetalleCisternasService.obtenerVehiculoById(idVehiculo);
             var promesaCisternas = focaModalDetalleCisternasService
                 .obtenerCisternasPorFecha(idVehiculo);
             if(idRemito !== -1) {
                 promesaRemito = focaModalDetalleCisternasService.obtenerRemitoById(idRemito);
             }
             Promise.all([promesaVehiculo, promesaCisternas, promesaRemito]).then(function(res) {
                 $scope.cargandoDatos = false;
                 $scope.vehiculo = res[0].data;
                 $scope.cisternas = res[1].data;
                 if(!$scope.cisternas.length) {
                     focaModalService.alert('El vehículo no tiene cisternas');
                     $uibModalInstance.dismiss();
                     return;
                 }
                 if(!res[2]) {
                     $scope.$digest();
                     return;
                 }
                 $scope.remito = res[2].data;
                 if($scope.remito.idUsuarioProceso) {
                     focaModalService.alert('Remito ya asignado');
                     $uibModalInstance.close();
                 }
                 $scope.articulos = $scope.remito.articulosRemito;
                 if(!$scope.articulos.length) {
                     focaModalService.alert('El remito no tiene articulos');
                     $uibModalInstance.dismiss();
                     return;
                 }
                 $scope.seleccionarArticulo($scope.articulos[0]);
                 var tieneUsuario = $scope.cisternas.filter(function(cisterna) {
                     if(cisterna.cisternaCarga && cisterna.cisternaCarga.idUsuarioProceso) {
                         return cisterna.cisternaCarga.idUsuarioProceso !==
                             focaModalDetalleCisternasService.idUsuario;
                     }
                 });
                 if(tieneUsuario.length) {
                     focaModalService.alert('Otro usario esta usando este vehículo');
                     $uibModalInstance.close();
                 }
                 $scope.$digest();
             });
             $scope.aceptar = function() {
                 $scope.cargando = true;
                 for(var i = 0; i < $scope.cisternasCarga.length; i++) {
                     $scope.cisternasCarga[i].idUsuarioProceso =
                         focaModalDetalleCisternasService.idUsuario;
                     delete $scope.cisternasCarga[i].articulo;
                 }
                 var cisterna = {
                     cisternaMovimientos: cisternaMovimientos,
                     cisternaCargas: $scope.cisternasCarga,
                     idVehiculo: $scope.vehiculo.id,
                     fechaReparto: focaModalDetalleCisternasService.fecha
                 };
                 if(!focaModalDetalleCisternasService.idUsuario) {
                     focaModalService.alert('No logeado como vendedor');
                     $scope.cargando = false;
                     return;
                 }
                 focaModalDetalleCisternasService.guardarCisternas(cisterna, $scope.remito.id)
                     .then(function() {
                         focaModalService.alert('Cisternas cargadas con éxito').then(function() {
                             $scope.cargando = false;
                             $uibModalInstance.close();
                         });
                     }).catch(function(error) {
                         $scope.cargando = false;
                         $uibModalInstance.close();
                         if (error.status === 403) {
                             focaModalService.alert('ERROR: ' + error.data);
                             return;
                         }
                         focaModalService.alert('Hubo un error al cargar las cisternas');
                 });
             };
             $scope.cancelar = function() {
                 $uibModalInstance.dismiss();
             };
             $scope.cargarACisternas = function() {
                 for(var i = 0; i < $scope.cisternas.length; i++) {
                     var cisterna = $scope.cisternas[i];
                     var aCargar = parseFloat($scope.aCargar[i]);
                     var fechaReparto = focaModalDetalleCisternasService.fecha;
                     //validaciones
                     if(!aCargar) {
                         continue;
                     }
                     //cargar
                     if(cisterna.cisternaCarga.cantidad) {
                         cisterna.cisternaCarga.cantidad += aCargar;
                     }else {
                         cisterna.cisternaCarga.cantidad = aCargar;
                         cisterna.cisternaCarga.idProducto = $scope.articuloSeleccionado.idArticulo;
                     }
                     cisterna.disponible = cisterna.capacidad - cisterna.cisternaCarga.cantidad;
                     cisterna.cisternaCarga.articulo = {
                         DetArt: $scope.articuloSeleccionado.descripcion
                     };
                     $filter('filter')($scope.articulos, {id: $scope.articuloSeleccionado.id})[0]
                         .cargado = true;
                     $scope.calcularPorcentaje(cisterna);
                     //Guardar
                     var now = new Date();
                     var cisternaMovimiento = {
                         fecha: now.toISOString().slice(0, 19).replace('T', ' '),
                         cantidad: aCargar,
                         metodo: 'carga',
                         idCisternaCarga: cisterna.cisternaCarga.id,
                         idRemito: $scope.remito.id
                     };
                     cisterna.cisternaCarga.fechaReparto = fechaReparto;
                     cisterna.cisternaCarga.idCisterna = cisterna.id;
                     $scope.cisternasCarga.push(cisterna.cisternaCarga);
                     cisternaMovimientos.push(cisternaMovimiento);
                 }
                 var articuloSiguiente = $scope.articulos.filter(
                     function(filter) {
                         return filter.cargado !== true;
                     }
                 );
                 if(articuloSiguiente.length > 0) {
                     $scope.seleccionarArticulo(articuloSiguiente[0]);
                 }
             };
             $scope.calcularPorcentaje = function(cisterna) {
                 if(!cisterna.cisternaCarga) {
                     cisterna.cisternaCarga = {
                         cantidad: 0
                     };
                 }
                 var porcentaje = (cisterna.cisternaCarga.cantidad * 100 /
                     cisterna.capacidad) + '%';
                 var elementHtml = document.getElementById(cisterna.id);
                 if(elementHtml) {
                     elementHtml.style.width = porcentaje;
                 }
             };
             $scope.seleccionarArticulo = function(articulo) {
                 $scope.articuloSeleccionado = articulo;
                 $scope.cisternaDisponible();
                 $scope.autoCompletar();
                 $scope.actualizarArticulo();
             };
             $scope.actualizarArticulo = function() {
                 $scope.articuloSeleccionado.cantidadCargada = 0;
                 for(var i = 0; i < $scope.aCargar.length; i++) {
                     $scope.articuloSeleccionado.cantidadCargada +=
                         parseFloat($scope.aCargar[i]) || 0;
                 }
             };
             $scope.autoCompletar = function() {
                 for(var i = 0; i < $scope.cisternas.length; i++) {
                     if($scope.cisternas[i].disabled) {
                         continue;
                     }
                     var aCargar = $scope.articuloSeleccionado.cantidad -
                         ($scope.articuloSeleccionado.cantidadCargada || 0);
                     if(aCargar > $scope.cisternas[i].disponible) {
                         aCargar = $scope.cisternas[i].disponible;
                     }
                     if(aCargar) {
                         $scope.aCargar[i] = aCargar;
                         $scope.actualizarArticulo();
                     }
                 }
             };
             $scope.cisternaDisponible = function() {
                 for(var i = 0; i < $scope.cisternas.length; i++) {
                     //Puede meter un porcentaje del total
                     // if($scope.articuloSeleccionado.cantidad > $scope.cisternas[i].disponible) {
                     //     $scope.cisternas[i].disabled = true;
                     //     continue;
                     // }
                     if($scope.cisternas[i].cisternaCarga &&
                         $scope.cisternas[i].cisternaCarga.idProducto &&
                         $scope.articuloSeleccionado.idArticulo !==
                         $scope.cisternas[i].cisternaCarga.idProducto)
                     {
                         $scope.cisternas[i].disabled = true;
                         continue;
                     }
                     $scope.cisternas[i].disabled = false;
                 }
             };
-            $scope.rellenarInput = function(input) {
+            $scope.rellenarInput = function(input, cisterna) {
                 if(!$scope.articuloSeleccionado) return;
                 if($scope.articuloSeleccionado.cantidad -
                 $scope.articuloSeleccionado.cantidadCargada === 0) {
                     return input;
                 }
                 if(!input) input = 0;
                 input = parseFloat(input);
                 input += parseFloat($scope.articuloSeleccionado.cantidad -
                     $scope.articuloSeleccionado.cantidadCargada);
+                if(input > cisterna.disponible) {
+                    input = cisterna.disponible;
+                }
                 return input;
             };
             $scope.distribucionDisponible = function() {
                 if(!$scope.articuloSeleccionado || $scope.articuloSeleccionado.cantidad -
                     $scope.articuloSeleccionado.cantidadCargada !== 0 ||
                     !$scope.tieneArticulosPendientes()) {
                         return false;
                 }
                 for(var i = 0; i < $scope.cisternas.length; i++) {
                     if($scope.aCargar[i] > $scope.cisternas[i].disponible) {
                         return false;
                     }
                 }
                 return true;
             };
             $scope.tieneArticulosPendientes = function() {
                 var algunValorNegativo = $scope.aCargar.filter(function(p) {
                     return p < 0;
                 });
                 if(algunValorNegativo.length) {
                     return false;
                 }
                 var articulosDescargados = $scope.articulos.filter(function(filter) {
                     return filter.cargado === true;
                 });
                 if(articulosDescargados.length === $scope.articulos.length)  {
                     $scope.aCargar = [];
                     return false;
                 }
                 return true;
             };
     }]);

src/views/foca-detalle-vehiculo.html

Diff comments View file @ 28d144a

1	<div class="modal-header">	1	<div class="modal-header">
2	<h4>Detalle de carga</h4>	2	<h4>Detalle de carga</h4>
3	Transportista	3	Transportista
4	<strong ng-bind="vehiculo.transportista.COD"></strong>	4	<strong ng-bind="vehiculo.transportista.COD"></strong>
5	<strong ng-bind="vehiculo.transportista.NOM"></strong>	5	<strong ng-bind="vehiculo.transportista.NOM"></strong>
6	Unidad <strong ng-bind="vehiculo.codigo"></strong>	6	Unidad <strong ng-bind="vehiculo.codigo"></strong>
7	Tractor <strong ng-bind="vehiculo.tractor"></strong>	7	Tractor <strong ng-bind="vehiculo.tractor"></strong>
8	<br>	8	<br>
9	<div ng-show="idRemito !== -1">	9	<div ng-show="idRemito !== -1">
10	<span>Remito Nº</span>	10	<span>Remito Nº</span>
11	<strong ng-bind="[remito.sucursal, remito.numeroRemito] \| comprobante"></strong>	11	<strong ng-bind="[remito.sucursal, remito.numeroRemito] \| comprobante"></strong>
12	<span>, Fecha</span>	12	<span>, Fecha</span>
13	<strong ng-bind="remito.fechaRemito \| date: 'dd/MM/yyyy HH:mm'"></strong>	13	<strong ng-bind="remito.fechaRemito \| date: 'dd/MM/yyyy HH:mm'"></strong>
14	<span>, Cliente</span>	14	<span>, Cliente</span>
15	<strong ng-bind="remito.nombreCliente"></strong>	15	<strong ng-bind="remito.nombreCliente"></strong>
16	<span>, Domicilio entrega</span>	16	<span>, Domicilio entrega</span>
17	<strong ng-bind="remito.domicilioStamp"></strong>	17	<strong ng-bind="remito.domicilioStamp"></strong>
18	</div>	18	</div>
19	</div>	19	</div>
20	<div class="modal-body">	20	<div class="modal-body">
21	<div>	21	<div>
22	<table class="table table-sm" ng-show="idRemito !== -1">	22	<table class="table table-sm" ng-show="idRemito !== -1">
23	<thead>	23	<thead>
24	<tr>	24	<tr>
25	<th></th>	25	<th></th>
26	<th>Articulo</th>	26	<th>Articulo</th>
27	<th>Cantidad</th>	27	<th>Cantidad</th>
28	<th>Cargado</th>	28	<th>Cargado</th>
29	<th>Resta asignar</th>	29	<th>Resta asignar</th>
30	</tr>	30	</tr>
31	</thead>	31	</thead>
32	<tbody>	32	<tbody>
33	<tr ng-repeat="(key, articulo) in articulos">	33	<tr ng-repeat="(key, articulo) in articulos">
34	<td><input	34	<td><input
35	type="radio"	35	type="radio"
36	name="articuloRadio"	36	name="articuloRadio"
37	id="{{'articulo' + articulo.id}}"	37	id="{{'articulo' + articulo.id}}"
38	ng-checked="articuloSeleccionado.id === articulo.id"	38	ng-checked="articuloSeleccionado.id === articulo.id"
39	ng-disabled="articulo.cargado"	39	ng-disabled="articulo.cargado"
40	ng-click="seleccionarArticulo(articulo)"	40	ng-click="seleccionarArticulo(articulo)"
41	></td>	41	></td>
42	<td ng-bind="articulo.descripcion"></td>	42	<td ng-bind="articulo.descripcion"></td>
43	<td ng-bind="articulo.cantidad"></td>	43	<td ng-bind="articulo.cantidad"></td>
44	<td ng-bind="articulo.cantidadCargada \|\| 0"></td>	44	<td ng-bind="articulo.cantidadCargada \|\| 0"></td>
45	<td ng-bind="articulo.cantidad - articulo.cantidadCargada"></td>	45	<td ng-bind="articulo.cantidad - articulo.cantidadCargada"></td>
46	</tr>	46	</tr>
47	</tbody>	47	</tbody>
48	</table>	48	</table>
49	<table class="table table-sm" ladda="cargandoDatos" data-spinner-color="#FF0000">	49	<table class="table table-sm" ladda="cargandoDatos" data-spinner-color="#FF0000">
50	<thead>	50	<thead>
51	<tr>	51	<tr>
52	<th width="10%">Cisterna</th>	52	<th width="10%">Cisterna</th>
53	<th>Capacidad</th>	53	<th>Capacidad</th>
54	<th>Articulo cargado</th>	54	<th>Articulo cargado</th>
55	<th width="20%">Asignado</th>	55	<th width="20%">Asignado</th>
56	<th>Cargado / Capacidad Disponible</th>	56	<th>Cargado / Capacidad Disponible</th>
57	</tr>	57	</tr>
58	</thead>	58	</thead>
59	<tbody>	59	<tbody>
60	<tr ng-repeat="(key, cisterna) in cisternas">	60	<tr ng-repeat="(key, cisterna) in cisternas">
61	<td class="py-3" ng-bind="cisterna.codigo"></td>	61	<td class="py-3" ng-bind="cisterna.codigo"></td>
62	<td class="py-3" ng-bind="cisterna.capacidad"></td>	62	<td class="py-3" ng-bind="cisterna.capacidad"></td>
63	<td class="py-3" ng-bind="cisterna.cisternaCarga.articulo.DetArt \|\| 'Sin asignar'"></td>	63	<td class="py-3" ng-bind="cisterna.cisternaCarga.articulo.DetArt \|\| 'Sin asignar'"></td>
64	<td ng-if="idRemito != -1">	64	<td ng-if="idRemito != -1">
65	<input	65	<input
66	class="form-control"	66	class="form-control"
67	foca-tipo-input	67	foca-tipo-input
68	foca-teclado	68	foca-teclado
69	placeholder="A cargar..."	69	placeholder="A cargar..."
70	ng-model="aCargar[key]"	70	ng-model="aCargar[key]"
71	ng-disabled="cisterna.disabled \|\| !tieneArticulosPendientes()"	71	ng-disabled="cisterna.disabled \|\| !tieneArticulosPendientes()"
72	ng-focus="aCargar[key] = rellenarInput(aCargar[key]); actualizarArticulo()"	72	ng-focus="aCargar[key] = rellenarInput(aCargar[key], cisterna); actualizarArticulo()"
73	ng-change="actualizarArticulo()"	73	ng-change="actualizarArticulo()"
74	>	74	>
75	</td>	75	</td>
76	<td ng-if="idRemito == -1">	76	<td ng-if="idRemito == -1">
77	<input	77	<input
78	class="form-control"	78	class="form-control"
79	placeholder="A cargar..."	79	placeholder="A cargar..."
80	readonly>	80	readonly>
81	</td>	81	</td>
82	<td><div class="progress foca-alto-progress pl-0 pr-0 mt-1">	82	<td><div class="progress foca-alto-progress pl-0 pr-0 mt-1">
83	<strong	83	<strong
84	class="mt-2 col-4 text-center position-absolute"	84	class="mt-2 col-4 text-center position-absolute"
85	ng-bind="(cisterna.cisternaCarga.cantidad \|\| 0) + '/' +	85	ng-bind="(cisterna.cisternaCarga.cantidad \|\| 0) + '/' +
86	(cisterna.capacidad - cisterna.cisternaCarga.cantidad)">	86	(cisterna.capacidad - cisterna.cisternaCarga.cantidad)">
87	</strong>	87	</strong>
88	<div	88	<div
89	id="{{cisterna.id}}"	89	id="{{cisterna.id}}"
90	class="progress-bar"	90	class="progress-bar"
91	role="progressbar"	91	role="progressbar"
92	aria-valuemin="0"	92	aria-valuemin="0"
93	aria-valuemax="{{cisterna.capacidad}}"	93	aria-valuemax="{{cisterna.capacidad}}"
94	ng-style="{'width':'{{calcularPorcentaje(cisterna)}}'}">	94	ng-style="{'width':'{{calcularPorcentaje(cisterna)}}'}">
95	</div>	95	</div>
96	</div>	96	</div>
97	</td>	97	</td>
98	</tr>	98	</tr>
99	</tbody>	99	</tbody>
100	</table>	100	</table>
101	<div class="col-12">	101	<div class="col-12">
102	<button	102	<button
103	class="form-control btn btn-success"	103	class="form-control btn btn-success"
104	ladda="cargando"	104	ladda="cargando"
105	data-spinner-color="#FF0000"	105	data-spinner-color="#FF0000"
106	type="button"	106	type="button"
107	ng-disabled="!distribucionDisponible()"	107	ng-disabled="!distribucionDisponible()"
108	ng-class="{'btn-light': !distribucionDisponible()}"	108	ng-class="{'btn-light': !distribucionDisponible()}"
109	ng-click="cargarACisternas(vehiculo)"	109	ng-click="cargarACisternas(vehiculo)"
110	foca-focus="distribucionDisponible()">	110	foca-focus="distribucionDisponible()">
111	Aplicar distribución de cargas	111	Aplicar distribución de cargas
112	</button>	112	</button>
113	</div>	113	</div>
114	</div>	114	</div>
115	</div>	115	</div>
116	<div class="modal-footer py-1">	116	<div class="modal-footer py-1">
117	<button	117	<button
118	class="btn btn-sm btn-secondary"	118	class="btn btn-sm btn-secondary"
119	ladda="cargando"	119	ladda="cargando"
120	type="button"	120	type="button"
121	ng-click="cancelar()">Cancelar</button>	121	ng-click="cancelar()">Cancelar</button>
122	<button	122	<button
123	class="btn btn-sm btn-primary"	123	class="btn btn-sm btn-primary"
124	ladda="cargando"	124	ladda="cargando"
125	type="button"	125	type="button"
126	ng-click="aceptar()"	126	ng-click="aceptar()"
127	ng-disabled="tieneArticulosPendientes() \|\| idRemito === -1"	127	ng-disabled="tieneArticulosPendientes() \|\| idRemito === -1"
128	foca-focus="!tieneArticulosPendientes() && idRemito !== -1">Cargar</button>	128	foca-focus="!tieneArticulosPendientes() && idRemito !== -1">Cargar</button>
129	</div>	129	</div>
130		130