Luigi / foca-modal-detalle-cisternas

Commit c93c5a0d3cf40a8e03614075b78b72e7c53be6ab

Authored by Eric Fernandez 2019-02-06 13:12:33 -0300

Merge branch 'master' into 'master'

Master

See merge request !12

Showing 2 changed files Show diff stats

src/js/controller.js

Diff comments View file @ c93c5a0

 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() {
                         $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() {
                 var arrayMismoProducto = [];
                 var arrayVacioProducto = [];
                 for(var i = 0; i < $scope.cisternas.length; i++) {
                     var cisterna = $scope.cisternas[i];
                     cisterna.posicion = i;
                     console.info(i, cisterna.posicion);
                     if (!cisterna.disabled && cisterna.disponible > 0) {
                         if (cisterna.cisternaCarga) {
                             arrayMismoProducto.push(cisterna);
                         } else {
                             arrayVacioProducto.push(cisterna);
                         }
                     }
                 }
                 arrayMismoProducto.sort(function(a,b) {
                     return a.disponible - b.disponible;
                 });
                 var cisternas = arrayMismoProducto.concat(arrayVacioProducto);
                 for (var j = 0; j < cisternas.length; j++) {
                     var aCargar = $scope.articuloSeleccionado.cantidad -
                         ($scope.articuloSeleccionado.cantidadCargada || 0);
                     if(aCargar > cisternas[j].disponible) {
                         aCargar = cisternas[j].disponible;
                     }
                     if(aCargar > 0) {
                         $scope.aCargar[cisternas[j].posicion] = 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, 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 <= 0) return;
                 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;
             };
+            $scope.verRemitos = function(data) {
+                var parametrosModal = {
+                    titulo: 'Remitos cargados',
+                    data: data,
+                    soloMostrar: true,
+                    columnas: [
+                        {
+                            nombre: 'Fecha',
+                            propiedad: 'fechaRemito',
+                            filtro: {
+                                nombre: 'date',
+                                parametro:'dd/MM/yyyy'
+                            }
+                        },
+                        {
+                            nombre: 'Cliente',
+                            propiedad: 'nombreCliente'
+                        },
+                        {
+                            nombre: 'Comprobante',
+                            propiedad: ['sucursal', 'numeroRemito'],
+                            filtro: {
+                                nombre: 'comprobante'
+                            }
+                        },
+                        {
+                            nombre: 'Importe',
+                            propiedad: 'total'
+                        }
+                    ]
+                };
+                focaModalService.modal(parametrosModal).then(function(transportista) {
+                    $scope.selectVehiculo(transportista.COD, transportista.NOM);
+                });
+            };
     }]);

src/views/foca-detalle-vehiculo.html

Diff comments View file @ c93c5a0

 <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="articuloSeleccionado.id === articulo.id"
                         ng-disabled="articulo.cargado"
                         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%">Por asignar</th>
                     <th>Cargado / Capacidad Disponible</th>
+                    <th></th>
                 </tr>
             </thead>
             <tbody>
                 <tr ng-repeat="(key, cisterna) in 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 || !tieneArticulosPendientes()"
                             ng-focus="aCargar[key] = rellenarInput(aCargar[key], cisterna); 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>
+                    <td>
+                        <button
+                            class="btn btn-outline-secondary"
+                            ng-click="verRemitos(cisterna.cisternaCarga.remitos)">
+                            <i class="fa fa-info" aria-hidden="true"></i>
+                        </button>
+                    </td>
                 </tr>
             </tbody>
         </table>
         <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"
         foca-focus="!tieneArticulosPendientes() && idRemito !== -1">Cargar</button>
 </div>