Eric Fernandez / foca-modal-detalle-hoja-ruta

Commit 7d113923db24147922a6686f73ee0d221fde4e2c

Authored by Marcelo Puebla 2019-04-23 09:55:01 -0300

Exists in master

Merge branch 'master' into 'develop'

Master(efernandez)

See merge request !18

Showing 2 changed files Show diff stats

src/js/controller.js

Diff comments View file @ 7d11392

 angular.module('focaModalDetalleHojaRuta')
     .controller('focaModalDetalleHojaRutaController',
         [
             '$filter',
             '$scope',
             '$uibModalInstance',
             'parametros',
             'focaModalDetalleHojaRutaService',
             'focaModalService',
             'focaSeguimientoService',
             '$uibModal',
             function($filter, $scope, $uibModalInstance, parametros, focaModalDetalleHojaRutaService,
                 focaModalService, focaSeguimientoService, $uibModal)
             {
                 //Seteo variables
                 $scope.remito = parametros.remito;
                 $scope.cisternas = parametros.remito.cisternas;
                 $scope.articuloSeleccionado = {};
                 $scope.aDescargar = [];
                 $scope.cargando = false;
+                if ($scope.remito.rechazado) {
+                    $scope.readonly = true;
+                }
                 //Datos
                 // var promesaRemito = focaModalDetalleHojaRutaService
                 //     .getRemitoById(idRemito);
                 // var promesaCisternas = focaModalDetalleHojaRutaService
                 //     .getCisternasByIdRemito(idRemito);
                 // Promise.all([promesaRemito, promesaCisternas]).then(function(res) {
                 //     $scope.cargando = false;
                 //     $scope.remito = res[0].data;
                 //     $scope.cisternas = res[1].data;
                 //     var articuloAChequear = $scope.remito.articulosRemito.filter(
                 //         function(articulo) {
                 //             return !articulo.descargado;
                 //         });
                 //     if(!articuloAChequear.length || $scope.remito.rechazado) {
                 //         $scope.readonly = true;
                 //         $scope.cambio($scope.remito.articulosRemito[0]);
                 //     }else {
                 //         $scope.cambio(articuloAChequear[0]);
                 //     }
                 //     $scope.$digest();
                 // }, function() {
                 //     focaModalService.alert('El servicio no responde intente más tarde');
                 //     $uibModalInstance.dismiss();
                 // });
                 $scope.cambio = function(articulo) {
                     if(!$scope.articuloSeleccionado.descargado) {
                         $scope.articuloSeleccionado.cantidadDescargada = 0;
                     }
                     $scope.aDescargar = [];
                     $scope.articuloSeleccionado = articulo;
                 };
                 $scope.descargar = function(key) {
                     if(key === 13) {
                         $scope.cargando = true;
                         var hojaRutaMovimientos = [];
                         var cisternaMovimientos = [];
                         var cisternaCargas = [];
                         var totalADescargar = 0;
                         for(var i = 0; i < $scope.aDescargar.length; i++) {
                             totalADescargar += $scope.aDescargar[i] || 0;
                         }
                         focaModalService
                             .confirm('¿Desea descargar ' + totalADescargar + ' litros de ' +
                             $scope.articuloSeleccionado.descripcion + '?')
                             .then(descargar, function() {
                                 $scope.cargando = false;
                             });
                     }
                     function descargar() {
                         for(var i = 0; i < $scope.cisternas.length; i++) {
                             var descarga = $scope.aDescargar[i];
                             var cisternaCarga = $scope.cisternas[i].cisternaCarga;
                             if(!descarga) continue;
                             if(descarga > cisternaCarga.cantidad) {
                                 focaModalService.alert('La cantidad a descargar no debe ser ' +
                                     'mayor a la cantidad de la cisterna');
                                 $scope.cargando = false;
                                 return;
                             }
                             cisternaCarga.cantidad -= descarga;
                             //Guardar
                             var now = new Date();
                             var cisternaMovimiento = {
                                 fecha: now.toISOString().slice(0, 19).replace('T', ' '),
                                 cantidad: descarga,
                                 metodo: 'descarga',
                                 idCisternaCarga: cisternaCarga.id,
                                 idRemito: $scope.remito.id
                             };
                             var hojaRutaMovimiento = {
                                 reciboDescarga: $scope.numeroRecibo,
                                 idRemito: $scope.remito.id
                             };
                             delete cisternaCarga.articulo;
                             cisternaCargas.push(cisternaCarga);
                             cisternaMovimientos.push(cisternaMovimiento);
                             hojaRutaMovimientos.push(hojaRutaMovimiento);
                         }
                         var save = {
                             cisternaCargas: cisternaCargas,
                             cisternaMovimientos: cisternaMovimientos,
                             hojaRutaMovimientos: hojaRutaMovimientos,
                             articulo: $scope.articuloSeleccionado
                         };
                         focaSeguimientoService.obtenerPosicion(getPosition)
                         var posicion;
                         function getPosition(position) {
                             posicion = {
                                 latitud: position.coords.latitude,
                                 longitud: position.coords.longitude,
                                 actividad: 'Entrega de producto',
                                 observaciones: $scope.remito.observaciones
                             }
                         }
                         $scope.aDescargar = [];
                         $scope.remito.observaciones = '';
                         if ($scope.articuloSeleccionado.cantidadDescargada ===
                             $scope.articuloSeleccionado.cantidad ) {
                                 $scope.articuloSeleccionado.descargado = true;
                         }
                         var siguienteArticulo = $scope.remito.articulosRemito.filter(
                             function(articulo) {
                                 return articulo.id != $scope.articuloSeleccionado.id;
                             }
                         );
                         if (siguienteArticulo.length) {
                             $scope.cambio(siguienteArticulo[0]);
                         }
-                        $scope.actualizarPuntoDescarga();
+                        //TODO: enviar puntos de descarga, se quita para la demo.
+                        // $scope.actualizarPuntoDescarga();
                         focaModalDetalleHojaRutaService
                             .postMovimientoHojaRuta(save)
                             .then(guardarSeguimiento);
                         function guardarSeguimiento(res) {
                             posicion.idComprobante = res.data[0].id;
                             focaModalDetalleHojaRutaService.guardarPosicion({ posicion: posicion });
                         }
                     }
                 };
                 $scope.cancel = function() {
                     $uibModalInstance.dismiss('cancel');
                 };
                 $scope.distribucionDisponible = function() {
                     return $scope.articuloSeleccionado.cantidadDescargada &&
                         $scope.articuloSeleccionado.cantidadDescargada <=
                         $scope.articuloSeleccionado.cantidad;
                 };
                 $scope.actualizarArticulo = function() {
                     $scope.articuloSeleccionado.cantidadDescargada = 0;
                     for(var i = 0; i < $scope.aDescargar.length; i++) {
                         $scope.articuloSeleccionado.cantidadDescargada +=
                             parseFloat($scope.aDescargar[i]) || 0;
                     }
                 };
                 $scope.actualizarPuntoDescarga = function() {
                     var modalInstance = $uibModal.open(
                         {
                             ariaLabelledBy: 'Actualizar punto de descarga',
                             templateUrl: 'modal-actualizar-punto-descarga.html',
                             controller: 'focaModalActualizarPuntoDescargaController',
                             resolve: {
                                 notaPedido: function() {
                                     return $scope.remito.notaPedido;
                                 }
                             },
                             size: 'lg'
                         }
                     );
                     modalInstance.result.then(function() {
                         success().then(function() {
                             $uibModalInstance.close($scope.remito);
                         });
                     }, function() {
                         success().then(function() {
                             $uibModalInstance.close($scope.remito);
                         });
                     });
                 };
                 $scope.rechazar = function() {
                     focaModalService
                         .prompt({
                             titulo: 'Aclare el motivo de rechazo'
                         })
                         .then(function(motivo) {
                             $scope.cargando = true;
                             var remitoRechazado = $.extend(true, {}, $scope.remito);
                             delete remitoRechazado.articulosRemito;
                             delete remitoRechazado.notaPedido;
+                            delete remitoRechazado.cisternas;
                             remitoRechazado.rechazado = true;
                             remitoRechazado.motivoRechazo = motivo;
                             remitoRechazado.fechaRemito =
                                 remitoRechazado.fechaRemito.slice(0, 19).replace('T', ' ');
                             focaModalDetalleHojaRutaService.rechazarRemito(remitoRechazado)
                                 .then(function(res) {
                                     focaSeguimientoService.guardarPosicion(
                                         'Entrega de producto',
                                         res.data[1].id,
                                         motivo);
                                     success();
                                     })
                                 .catch(error);
                             $scope.readonly = true;
                         });
                 };
                 //funciones
                 function error(error) {
                     focaModalService.alert('Hubo un error ' + error);
                 }
                 function success() {
                     $scope.cargando = false;
                     return focaModalService.alert('Operación realizada con éxito');
                 }
                 var articuloAChequear = $scope.remito.articulosRemito.filter(
                     function(articulo) {
                         return !articulo.descargado;
                     });
                 if (!articuloAChequear.length || $scope.remito.rechazado) {
                     $scope.readonly = true;
                     $scope.cambio($scope.remito.articulosRemito[0]);
                 } else {
                     $scope.cambio(articuloAChequear[0]);
                 }
             }
         ])
     .controller('focaModalActualizarPuntoDescargaController',
         [
             '$scope',
             '$uibModalInstance',
             'focaSeguimientoService',
             'focaModalService',
             'notaPedido',
             'focaModalDetalleHojaRutaService',
             function($scope, $uibModalInstance, focaSeguimientoService,
                 focaModalService, notaPedido, focaModalDetalleHojaRutaService)
             {
                 $scope.notaPedido = notaPedido;
                 $scope.descripcion = '';
                 focaSeguimientoService.obtenerPosicion(function(res) {
                     $scope.posicion = res.coords;
                 });
                 $scope.cancel = function() {
                     if ($scope.ingreso) {
                         $scope.ingreso = false;
                     } else {
                         $uibModalInstance.dismiss();
                     }
                 };
                 $scope.select = function(puntoDescarga) {
                     if (!$scope.posicion) {
                         focaModalService.alert('No se pudo obtener la ubicación');
                         return;
                     }
                     puntoDescarga.latitud = $scope.posicion.latitude;
                     puntoDescarga.longitud = $scope.posicion.longitude;
                     focaModalDetalleHojaRutaService.guardarPuntoDescarga(puntoDescarga);
                     $uibModalInstance.close();
                 };
                 $scope.guardar = function() {
                     if (!$scope.posicion) {
                         focaModalService.alert('No se pudo obtener la ubicación');
                         return;
                     }
                     focaModalDetalleHojaRutaService
                         .guardarPuntoDescarga({
                             id: 0,
                             id_cliente: $scope.notaPedido.idCliente,
                             id_da_config_0: $scope.notaPedido.idDomicilio,
                             descripcion: $scope.descripcion,
                             latitud: $scope.posicion.latitude,
                             longitud: $scope.posicion.longitude
                         })
                         .then(function(res) {
                             $uibModalInstance.close(res.data);
                         });
                 };
             }
         ]
     );

src/views/modal-detalle-hoja-ruta.html

Diff comments View file @ 7d11392

 <div class="modal-header py-1">
     <h5 class="modal-title">Detalle de descarga</h5>
 </div>
 <div class="modal-body" id="modal-body" ladda="cargando" data-spinner-color="#FF0000" data-spinner-size="5">
     <form name="formDetalleHojaRuta">
         <div class="form-group row" ng-show="!cargando">
             <div class="col-12 px-0">
                 <strong>Información Remito</strong>
                 <button
                     class="btn btn-sm btn-light selectable"
                     ng-click="verInformacion = !verInformacion"
                     ><i
                         class="fa fa-chevron-up"
                         ng-show="verInformacion"></i>
                     <i
                         class="fa fa-chevron-down"
                         ng-hide="verInformacion">
                     </i>
                 </button>
             </div>
             <div class="row" ng-show="verInformacion">
                 <div class="col-12">
                     <label class="form-control-sm">
                         <b>Remito Nº</b>
-                        <span ng-bind="[remito.numeroRemito, remito.sucursal] | comprobante"/>
+                        <span ng-bind="[remito.sucursal, remito.numeroRemito] | comprobante"/>
                     </label>
                 </div>
                 <div class="col-12">
                     <label class="form-control-sm">
                         <b>Cliente</b>
                     </label>
                     <span ng-bind="remito.nombreCliente"/>
                 </div>
                 <div class="col-12">
                     <label class="form-control-sm">
                         <b>Domicilio</b>
                         <span ng-bind="remito.domicilioStamp"/>
                     </label>
                 </div>
                 <div ng-show="remito.notaPedido.notaPedidoPuntoDescarga.length" class="px-3">
                     <label class="form-control-sm">
                         <b>Puntos de descarga</b>
                     </label>
                     <table class="table table-sm">
                         <thead>
                             <tr>
                                 <th>Nombre</th>
                             </tr>
                         </thead>
                         <tbody>
                             <tr ng-repeat="(key, puntoDescarga) in remito.notaPedido.notaPedidoPuntoDescarga">
                                 <td ng-bind="puntoDescarga.puntoDescarga.descripcion"></td>
                         </tbody>
                     </table>
                 </div>
             </div>
             <strong>Articulo a descargar</strong>
             <table class="table table-sm">
                 <thead>
                     <tr>
                         <th></th>
                 <th>Articulo</th>
                 <th>Total</th>
                 <th>Descargado</th>
             </tr>
             </thead>
             <tbody>
                 <tr ng-repeat="(key, articulo) in remito.articulosRemito">
                     <td class="pt-2">
                         <input
                             type="radio"
                             name="articuloRadio"
                             id="{{'articulo' + articulo.id}}"
                             ng-click="cambio(articulo)"
                             ng-disabled="articulo.descargado || readonly"
                             ng-checked="articuloSeleccionado.id === articulo.id"
                     ></td>
                     <td ng-bind="articulo.descripcion"></td>
                     <td ng-bind="articulo.cantidad"></td>
                     <td ng-bind="articulo.cantidadDescargada || 0"></td>
             </tbody>
             </table>
         <strong>Cisterna</strong>
         <table class="table table-sm">
             <thead>
                 <tr>
                     <th>Código</th>
                     <th>Articulo</th>
                     <th>Total</th>
                     <th>A descargar</th>
                 </tr>
             </thead>
             <tbody>
                 <tr ng-repeat="(key, cisterna) in cisternas">
                     <td ng-bind="cisterna.codigo"></td>
                     <td ng-bind="cisterna.cisternaCarga.articulo.DetArt"></td>
                     <td ng-bind="cisterna.cisternaCarga.cantidad"></td>
                     <td><input
                         class="form-control form-control-sm"
                         type="number"
                         ng-model="aDescargar[key]"
                         ng-change="actualizarArticulo()"
                         foca-focus="articuloSeleccionado.idArticulo == cisterna.cisternaCarga.idProducto"
                         ng-disabled="articuloSeleccionado.idArticulo != cisterna.cisternaCarga.idProducto
                             || readonly"/></td>
                 </tr>
             </tbody>
         </table>
         <div class="col-12 px-0">
             <label class="form-control-sm px-0">
                 <b>Observaciones</b>
             </label>
         </div>
         <div class="col-12">
             <textarea
                 ng-model="remito.observaciones"
                 ng-disabled="readonly"
                 class="form-control form-control-sm"
                 rows="1"
             ></textarea>
         </div>
         <div class="col-12 row mt-2">
             <label class="form-control-sm px-0 col-3"><b>Nº Recibo</b></label>
             <input
                 class="form-control form-control-sm col-4"
                 type="number"
                 ng-disabled="readonly"
                 ng-model="numeroRecibo"
                 ng-keypress="descargar($event.keyCode)"
                 foca-focus="articuloSeleccionado.cantidadDescargada === articuloSeleccionado.cantidad">
             <button
                 class="ml-4 form-control-sm btn btn-success col-4"
                 ladda="cargando"
                 data-spinner-color="#FF0000"
                 type="button"
                 ng-disabled="!distribucionDisponible() || !numeroRecibo"
                 ng-click="descargar(13)">
                 Descargar
             </button>
         </div>
+        <label
+            class="col-12 bg-danger text-white" ng-show="remito.rechazado"
+            >Remito rechazado</label>
     </form>
 </div>
 <div class="modal-footer py-2">
     <button
         class="btn btn-danger btn-sm"
         type="button"
         ng-click="rechazar()"
         ng-disabled="readonly"
     >Rechazar</button>
     <button
         class="btn btn-secondary btn-sm"
         type="button"
         ng-click="cancel()"
     >Salir</button>
 </div>