Luis Suarez / foca-logistica-pedido-ruta

Browse Code »

Commit 4deaf827fbd31f418b6d95a278fdb2e5be99a970

Authored by Eric Fernandez 2019-01-08 11:36:26 -0300

1 parent 8f74dfc4bb

Exists in master and in 2 other branches

fix funciones

Showing 2 changed files with 32 additions and 34 deletions Show diff stats

src/js/controllerDetalleVehiculo.js

Diff comments View file @ 4deaf82

 angular.module('focaLogisticaPedidoRuta')
     .controller('focaDetalleVehiculo',
         ['$scope',
         '$uibModalInstance',
         'idVehiculo',
         'idRemito',
         'focaModalService',
         '$filter',
         'focaLogisticaPedidoRutaService',
         function($scope, $uibModalInstance, idVehiculo, idRemito, focaModalService, $filter,
             focaLogisticaPedidoRutaService
         ) {
             //seteo variables
             $scope.cargandoDatos = true;
             $scope.idRemito = idRemito;
             $scope.articulos = [];
             $scope.vehiculo = {};
             $scope.remito = {};
             $scope.aCargar = [];
             var cisternaMovimientos = [];
             var promesaVehiculo = focaLogisticaPedidoRutaService.obtenerVehiculoById(idVehiculo);
             var promesaRemito;
             if(idRemito !== -1) {
                 promesaRemito = focaLogisticaPedidoRutaService.obtenerRemitoById(idRemito);
             }
             Promise.all([promesaVehiculo, promesaRemito]).then(function(res) {
                 $scope.cargandoDatos = false;
                 $scope.vehiculo = res[0].data;
                 if(!res[1]) return;
                 $scope.remito = res[1].data;
                 if($scope.remito.idUsuarioProceso) {
                     focaModalService.alert('Remito ya asignado');
                     $uibModalInstance.close();
                 }
                 $scope.articulos = $scope.remito.articulosRemito;
-                $scope.cambioArticulo($scope.articulos[0]);
+                $scope.seleccionarArticulo($scope.articulos[0]);
             });
             $scope.aceptar = function() {
                 $scope.cargando = true;
                 var cisternaCargas = [];
                 for (var i = 0; i < $scope.vehiculo.cisternas.length; i++) {
                     delete $scope.vehiculo.cisternas[i].cisternaCarga.articulo;
                     cisternaCargas.push($scope.vehiculo.cisternas[i].cisternaCarga);
                 }
                 var cisterna = {
                     cisternaMovimientos: cisternaMovimientos,
                     cisternaCargas: cisternaCargas,
                     idVehiculo: $scope.vehiculo.id
                 };
                 focaLogisticaPedidoRutaService.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.1) {
                             focaModalService.alert('ERROR: El vehículo esta en uso');
                         }
                         if(error.status === 403.2) {
                             focaModalService.alert('ERROR: Otro usario ya cargó este remito');
                             return;
                         }
                         focaModalService.alert('Hubo un error al cargar las cisternas');
                 });
             };
             $scope.cancelar = function() {
                 $uibModalInstance.close();
             };
             $scope.cargarACisternas = function(vehiculo) {
                 for(var i = 0; i < vehiculo.cisternas.length; i++) {
                     var cisterna = vehiculo.cisternas[i];
                     var aCargar = parseFloat($scope.aCargar[i]);
                     //validaciones
                     if(!aCargar) {
                         continue;
                     }
                     if(aCargar > cisterna.disponible) {
                         focaModalService.alert('La cantidad cargada supera la capacidad de la' +
                             'cisterna ' + cisterna.codigo);
                         return;
                     }
                     //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
                     };
                     cisternaMovimientos.push(cisternaMovimiento);
                 }
                 var articuloSiguiente = $scope.articulos.filter(
                     function(filter) {
                         return filter.cargado !== true;
                     }
                 );
                 if(articuloSiguiente.length > 0) {
-                    $scope.cambioArticulo(articuloSiguiente[0]);
+                    $scope.seleccionarArticulo(articuloSiguiente[0]);
                 }
-                $scope.aCargar = [];
             };
             $scope.calcularPorcentaje = function(cisterna) {
                 if(!cisterna.cisternaCarga.cantidad) {
                     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.cambioArticulo = function(articulo) {
+            $scope.seleccionarArticulo = function(articulo) {
-                $scope.aCargar = [];
-                $filter('filter')($scope.articulos, {id: articulo.id})[0].checked = true;
                 $scope.articuloSeleccionado = articulo;
-                for(var i = 0; i < $scope.vehiculo.cisternas.length; i++) {
+                $scope.cisternaDisabled();
-                    $scope.vehiculo.cisternas[i] =
+                $scope.autoCompletar();
-                        $scope.cisternaDisabled($scope.vehiculo.cisternas[i]);
-                }
-                var disponible = $filter('filter')($scope.vehiculo.cisternas, {disabled: false});
-                var index = $scope.vehiculo.cisternas.indexOf(disponible[0]);
-                $scope.aCargar[index] = $scope.articuloSeleccionado.cantidad;
                 $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.cisternaDisabled = function(cisterna) {
+            $scope.autoCompletar = function() {
-                if(!$scope.articuloSeleccionado || ($scope.articuloSeleccionado.idArticulo !==
+                $scope.aCargar = [];
-                    cisterna.cisternaCarga.idProducto && cisterna.cisternaCarga.idProducto) ||
+                var disponible = $filter('filter')($scope.vehiculo.cisternas, {disabled: false});
-                    !$scope.tieneArticulosPendientes()|| $scope.articuloSeleccionado.cantidad >
+                var index = $scope.vehiculo.cisternas.indexOf(disponible[0]);
-                    cisterna.disponible) {
+                $scope.aCargar[index] = $scope.articuloSeleccionado.cantidad;
-                        cisterna.disabled = true;
+            };
-                    }else {
+            $scope.cisternaDisabled = function() {
-                        cisterna.disabled = false;
+                for (var i = 0; i < $scope.vehiculo.cisternas.length; i++) {
-                    }
+                    var cisterna = $scope.vehiculo.cisternas[i];
-                return cisterna;
+                    if(!$scope.articuloSeleccionado || ($scope.articuloSeleccionado.idArticulo !==
+                        cisterna.cisternaCarga.idProducto && cisterna.cisternaCarga.idProducto) ||
+                        !$scope.tieneArticulosPendientes()|| $scope.articuloSeleccionado.cantidad >
+                        cisterna.disponible) {
+                            cisterna.disabled = true;
+                        }else {
+                            cisterna.disabled = false;
+                        }
+                }
             };
             $scope.rellenarInput = function(input) {
                 if(!$scope.articuloSeleccionado) return;
+                if($scope.articuloSeleccionado.cantidad -
+                $scope.articuloSeleccionado.cantidadCargada === 0) {
+                    return input;
+                }
                 if(!input) input = 0;
                 input = parseFloat(input);
-                if(input === $scope.articuloSeleccionado.cantidad ||
-                    $scope.articuloSeleccionado.cantidad -
-                    $scope.articuloSeleccionado.cantidadCargada === 0) {
-                        return input;
-                }
                 input += parseFloat($scope.articuloSeleccionado.cantidad -
                     $scope.articuloSeleccionado.cantidadCargada);
                 return input;
             };
             $scope.distribucionDisponible = function() {
                 if(!$scope.articuloSeleccionado || $scope.articuloSeleccionado.cantidad -
                     $scope.articuloSeleccionado.cantidadCargada !== 0 ||
                     !$scope.tieneArticulosPendientes()) {
                         return false;
                 }
                 return true;
             };
             $scope.tieneArticulosPendientes = function() {
                 var algunValorNegativo = $scope.aCargar.filter(function(p) {
                     return p < 0;
                 });
                 if(algunValorNegativo.length) {

src/views/foca-detalle-vehiculo.html

Diff comments View file @ 4deaf82

 <div class="modal-header">
     <h4>Detalle de carga</h4>
     Transportista
     <strong ng-bind="vehiculo.transportista.COD"></strong>
     <strong ng-bind="vehiculo.transportista.NOM"></strong>
     Unidad <strong ng-bind="vehiculo.codigo"></strong>
     Tractor <strong ng-bind="vehiculo.tractor"></strong>
     <br>
     <div ng-show="idRemito !== -1">
         <span>Remito Nº</span>
         <strong ng-bind="[remito.sucursal, remito.numeroRemito] | comprobante"></strong>
         <span>, Fecha</span>
         <strong ng-bind="remito.fechaRemito | date: 'dd/MM/yyyy HH:mm'"></strong>
         <span>, Cliente</span>
         <strong ng-bind="remito.nombreCliente"></strong>
         <span>, Domicilio entrega</span>
         <strong ng-bind="remito.domicilioStamp"></strong>
     </div>
 </div>
 <div class="modal-body">
     <div>
         <table class="table table-sm" ng-show="idRemito !== -1">
             <thead>
                 <tr>
                     <th></th>
                     <th>Articulo</th>
                     <th>Cantidad</th>
                     <th>Cargado</th>
                     <th>Resta asignar</th>
                 </tr>
             </thead>
             <tbody>
                 <tr ng-repeat="(key, articulo) in articulos">
                     <td><input
                         type="radio"
                         name="articuloRadio"
                         id="{{'articulo' + articulo.id}}"
-                        ng-checked="articulo.checked"
+                        ng-checked="articuloSeleccionado.id === articulo.id"
                         ng-disabled="articulo.cargado"
-                        ng-click="cambioArticulo(articulo)"
+                        ng-click="seleccionarArticulo(articulo)"
                     ></td>
                     <td ng-bind="articulo.descripcion"></td>
                     <td ng-bind="articulo.cantidad"></td>
                     <td ng-bind="articulo.cantidadCargada || 0"></td>
                     <td ng-bind="articulo.cantidad - articulo.cantidadCargada"></td>
                 </tr>
             </tbody>
         </table>
         <table class="table table-sm" ladda="cargandoDatos" data-spinner-color="#FF0000">
             <thead>
                 <tr>
                     <th width="10%">Cisterna</th>
                     <th>Capacidad</th>
                     <th>Articulo cargado</th>
                     <th width="20%">Asignado</th>
                     <th>Cargado / Capacidad Disponible</th>
                 </tr>
             </thead>
             <tbody>
                 <tr ng-repeat="(key, cisterna) in vehiculo.cisternas">
                     <td class="py-3" ng-bind="cisterna.codigo"></td>
                     <td class="py-3" ng-bind="cisterna.capacidad"></td>
                     <td class="py-3" ng-bind="cisterna.cisternaCarga.articulo.DetArt || 'Sin asignar'"></td>
                     <td ng-if="idRemito != -1">
                         <input
                             class="form-control"
                             foca-tipo-input
                             foca-teclado
                             placeholder="A cargar..."
                             ng-model="aCargar[key]"
                             ng-disabled="cisterna.disabled"
                             ng-focus="aCargar[key] = rellenarInput(aCargar[key]); actualizarArticulo()"
                             ng-change="actualizarArticulo()"
                         >
                     </td>
                     <td ng-if="idRemito == -1">
                         <input
                             class="form-control"
                             placeholder="A cargar..."
                             readonly>
                     </td>
                     <td><div class="progress foca-alto-progress pl-0 pr-0 mt-1">
                             <strong
                                 class="mt-2 col-4 text-center position-absolute"
                                 ng-bind="(cisterna.cisternaCarga.cantidad || 0) + '/' +
                                     (cisterna.capacidad - cisterna.cisternaCarga.cantidad)">
                             </strong>
                             <div
                                 id="{{cisterna.id}}"
                                 class="progress-bar"
                                 role="progressbar"
                                 aria-valuemin="0"
                                 aria-valuemax="{{cisterna.capacidad}}"
                                 ng-style="{'width':'{{calcularPorcentaje(cisterna)}}'}">
                             </div>
                         </div>
                     </td>
                 </tr>
             </tbody>
         </table>
-        <div class="col-12 aling-end">
+        <div class="col-12">
             <button
                 class="form-control btn btn-success"
                 ladda="cargando"
                 data-spinner-color="#FF0000"
                 type="button"
                 ng-disabled="!distribucionDisponible()"
                 ng-class="{'btn-light': !distribucionDisponible()}"
                 ng-click="cargarACisternas(vehiculo)"
                 foca-focus="distribucionDisponible()">
                 Aplicar distribución de cargas
             </button>
         </div>
     </div>
 </div>
 <div class="modal-footer py-1">
     <button
         class="btn btn-sm btn-secondary"
         ladda="cargando"
         type="button"
         ng-click="cancelar()">Cancelar</button>
     <button
         class="btn btn-sm btn-primary"
         ladda="cargando"
         type="button"
         ng-click="aceptar()"
-        ng-disabled="tieneArticulosPendientes() || idRemito === -1">Cargar</button>
+        ng-disabled="tieneArticulosPendientes() || idRemito === -1"
+        foca-focus="!tieneArticulosPendientes() && idRemito !== -1">Cargar</button>
 </div>