Mauricio Cattafi / autoservicio

Browse Code »

Commit ee99e503b10202339c62b437dfba6424081dd2a8

Authored by Marcelo Puebla 2019-08-23 15:30:50 -0300

1 parent 099c7c0baa

Exists in master and in 1 other branch

Arreglo para mantener el valor de la personalizacion.

Showing 3 changed files with 11 additions and 12 deletions Show diff stats

src/app/components/inicio/inicio.component.ts

Diff comments View file @ ee99e50

 import { Component, OnInit, ViewChild, HostListener, AfterViewInit } from '@angular/core';
 import { PopoverDirective } from 'ngx-bootstrap';
 import { appSettings } from 'src/etc/AppSettings';
 import { Router } from '@angular/router';
 import { ProductoService } from 'src/app/services/producto.service';
 import { Producto } from 'src/app/wrappers/producto';
 import { Sinonimo } from 'src/app/wrappers/sinonimo';
 @Component({
   selector: 'app-inicio',
   templateUrl: './inicio.component.html',
   styleUrls: ['./inicio.component.scss']
 })
 export class InicioComponent implements OnInit, AfterViewInit {
   private tienePromo = false;
   private productoEsPromo = false;
   private busqueda: string = '';
   private productoAcargar: Producto;
   private promoAcargar: Producto;
   private productos: Producto[] = [];
   private promociones: Producto[] = [];
   private sinonimos: Sinonimo[] = [];
-  private apiUrl: string = appSettings.apiUrl
+  private apiUrl: string = appSettings.apiUrl;
   @ViewChild('pop', { static: false }) popoverDirective: PopoverDirective;
   @HostListener('document:keypress', ["$event"]) catchInput(e: KeyboardEvent) {
     if (e.keyCode == 13) {
       this.buscarByCodigoBarras(this.busqueda);
       this.busqueda = '';
     } else {
       this.busqueda += e.key;
     }
   };
   constructor(
     private router: Router,
     private productoService: ProductoService
   ) { }
   ngOnInit() {
     this.productoAcargar = this.productoService.productoAcargar;
     this.getProductos();
   }
   ngAfterViewInit() {
     setTimeout(() => {
       if (!this.productoAcargar) return;
       if (this.productoAcargar.PRO) {
         this.promociones.push(this.productoAcargar);
         this.promoSeleccionada(this.productoAcargar, true);
       }
       else {
         this.getPromociones();
       }
     })
   }
   getProductos() {
     this.productoService.getAll()
       .subscribe((productos: Producto[]) => {
         this.productos = productos;
       });
   }
   getPromociones() {
     var sector = this.productoAcargar.CodSec;
     var codigo = this.productoAcargar.CodArt;
     this.productoService.getPromociones(sector, codigo)
       .subscribe((res: Producto[]) => {
         if (res.length === 0) {
           this.productoAcargar.cantidad = 1;
           this.productoService.productos.push(this.productoAcargar);
           this.productoAcargar = this.productoService.productoAcargar = undefined;
         } else {
           this.promociones = res;
           this.popoverDirective.show();
         }
       }, error => { console.error(error); })
   }
   confirmarProducto() {
     var producto = this.promoAcargar ? this.promoAcargar : this.productoAcargar;
     producto.cantidad = 1;
     this.productoService.productos.push(producto);
     this.productoService.productoAcargar = this.promoAcargar = this.productoAcargar = undefined;
     this.promociones = [];
     this.popoverDirective.hide();
   }
   promoSeleccionada($event: Producto, showPopover: boolean) {
     this.productoService.getProductoById($event.id)
       .subscribe((res: Producto) => {
         $event.imagenes = res.imagenes.length == 0 ? [{ imagen: 'noImage.jpg' }] : res.imagenes;
         this.promoAcargar = $event;
         if ($event.tieneSinonimos) {
           this.getSinonimos(this.promoAcargar.CodSec, this.promoAcargar.CodArt);
         } else if (showPopover) {
           this.popoverDirective.show();
         } else {
           this.popoverDirective.hide();
         }
       },
         error => { console.log(error); })
   }
   getSinonimos(sector, codigo) {
     this.productoService.getPromocionSinonimos(sector, codigo)
       .subscribe((res: Sinonimo[]) => {
         res.forEach(sinonimo => {
-          sinonimo.productos.forEach(productoSinonimo => {
+          sinonimo.cantidad = 0;
+          this.promoAcargar.productos.forEach(productoPromo => {
-            this.promoAcargar.productos.forEach(productoPromo => {
+            sinonimo.productos.forEach(productoSinonimo => {
               if (productoSinonimo.id === productoPromo.id) {
-                sinonimo.cantidad = productoPromo.cantidad;
+                productoSinonimo.cantidad = productoPromo.cantidad;
-                sinonimo.productoPadre = productoPromo.id;
+                sinonimo.cantidad += productoPromo.cantidad;
               }
             })
           })
         })
         this.sinonimos = res;
         (this.sinonimos.length > 0) ? this.popoverDirective.show() : this.popoverDirective.hide();
       })
   }
   productosPersonalizados($event: Producto[]) {
     var productosPersonalizados = $event;
     this.promoAcargar.productos.forEach(productoPromo => {
       if (!productoPromo.idSinonimo) productosPersonalizados.push(productoPromo);
     })
     this.promoAcargar.productos = productosPersonalizados;
     this.confirmarProducto();
   }
   buscarByCodigoBarras(busqueda) {
     let producto = this.productos.filter(producto => {
       return producto.codigoBarra == busqueda;
     });
     if (producto.length) {
       this.productoAcargar = producto[0];
       this.getPromociones();
     } else {
       alert('No se encuentra el producto');
     }
   }
   irBusquedaProductos(value) {
     this.productoService.mostrar = value;
     this.router.navigate(['busqueda-productos']);
   }
   deshacerCarga() {
     if (this.sinonimos.length > 0) {
       this.sinonimos = [];
       this.popoverDirective.hide();
     }
     if (this.promoAcargar) {
       this.promoAcargar = undefined;
       if (this.productoAcargar.PRO) {
         this.productoAcargar = undefined;
         this.promociones = [];
         this.popoverDirective.hide();
       } else {
         this.popoverDirective.show();
       }
     } else {
       this.productoAcargar = undefined;
       this.promociones = [];
       this.popoverDirective.hide();
     }
   }
 }

src/app/components/popover-sinonimos/popover-sinonimos.component.html

Diff comments View file @ ee99e50

1	<div class="card-body fade-left">	1	<div class="card-body fade-left">
2		2
3	<div class="row m-0">	3	<div class="row m-0">
4	<div class="col text-left">	4	<div class="col text-left">
5	<p class="h4 card-title">	5	<p class="h4 card-title">
6	Personalice su pedido	6	Personalice su pedido
7	</p>	7	</p>
8	</div>	8	</div>
9	</div>	9	</div>
10		10
11	<div class="row m-0 pr-2 my-2">	11	<div class="row m-0 pr-2 my-2">
12	<div class="col">	12	<div class="col">
13	<div class="row mb-2" *ngFor="let sinonimo of popoverContent; let i = index">	13	<div class="row mb-2" *ngFor="let sinonimo of popoverContent; let i = index">
14	<div class="col p-0">	14	<div class="col p-0">
15		15
16	<div class="row m-0">	16	<div class="row m-0">
17	<div class="col text-left">	17	<div class="col text-left">
18	<p class="h5 card-title">	18	<p class="h5 card-title">
19	Elija opción - Cantidad Restante {{cantidadRestanteSinonimos[i]}}	19	Elija opción - Cantidad Restante {{cantidadRestanteSinonimos[i]}}
20	</p>	20	</p>
21	</div>	21	</div>
22	</div>	22	</div>
23		23
24	<div class="row m-0 popover-size overflow-scroll">	24	<div class="row m-0 popover-size overflow-scroll">
25	<div class="col-12 p-0">	25	<div class="col-12 p-0">
26	<div class="row m-0 my-3 d-flex justify-content-between" *ngFor="let producto of sinonimo.productos">	26	<div class="row m-0 my-3 d-flex justify-content-between" *ngFor="let producto of sinonimo.productos">
27	<div class="col-7 p-0 h6 text-right">	27	<div class="col-7 p-0 h6 text-right">
28	<p class="m-0 font-weight-normal">	28	<p class="m-0 font-weight-normal">
29	{{producto.DetArt}}	29	{{producto.DetArt}}
30	</p>	30	</p>
31	</div>	31	</div>
32	<div class="col-5 pr-0">	32	<div class="col-5 pr-0">
33	<div class="btn-group float-right my-auto" role="group">	33	<div class="btn-group float-right my-auto" role="group">
34	<button	34	<button
35	type="button"	35	type="button"
36	class="btn btn-light my-auto border shadow"	36	class="btn btn-light my-auto border shadow"
37	(click)="sumarCantidad(producto, i)">	37	(click)="sumarCantidad(producto, i)">
38	<i class="fa fa-plus" aria-hidden="true"></i>	38	<i class="fa fa-plus" aria-hidden="true"></i>
39	</button>	39	</button>
40	<div class="bg-white border border-white px-3 py-1 my-auto text-dark h5">	40	<div class="bg-white border border-white px-3 py-1 my-auto text-dark h5">
41	<small	41	<small
42	[ngClass]="{'font-weight-bold': producto.cantidad > 0}">	42	[ngClass]="{'font-weight-bold': producto.cantidad > 0}">
43	{{producto.cantidad}}	43	{{producto.cantidad}}
44	</small>	44	</small>
45	</div>	45	</div>
46	<button	46	<button
47	type="button"	47	type="button"
48	class="btn btn-light my-auto border shadow"	48	class="btn btn-light my-auto border shadow"
49	(click)="restarCantidad(producto, i)">	49	(click)="restarCantidad(producto, i)">
50	<i class="fa fa-minus" aria-hidden="true"></i>	50	<i class="fa fa-minus" aria-hidden="true"></i>
51	</button>	51	</button>
52	</div>	52	</div>
53	</div>	53	</div>
54	</div>	54	</div>
55	</div>	55	</div>
56	</div>	56	</div>
57		57
58	</div>	58	</div>
59	</div>	59	</div>
60	</div>	60	</div>
61	</div>	61	</div>
62		62
63	<div class="row mt-3 justify-content-end">	63	<div class="row mt-3 justify-content-end">
64	<div class="col-auto">	64	<div class="col">
65	<button	65	<button
66	type="button"	66	type="button"
67	class="btn btn-sm btn-light shadow"	67	class="btn btn-block btn-light shadow"
68	(click)="continuar()">	68	(click)="continuar()">
69	<span class="font-weight-bold pr-2">Continuar</span>	69	<span class="font-weight-bold pr-2">Continuar</span>
70	<i class="fa fa-check text-success" aria-hidden="true"></i>	70	<i class="fa fa-check text-success" aria-hidden="true"></i>
71	</button>	71	</button>
72	</div>	72	</div>
73	</div>	73	</div>
74		74
75	</div>	75	</div>

src/app/components/popover-sinonimos/popover-sinonimos.component.ts

Diff comments View file @ ee99e50

 import { Component, OnInit, Input, EventEmitter, Output } from '@angular/core';
 import { PopoverDirective } from 'ngx-bootstrap';
 import { Producto } from 'src/app/wrappers/producto';
 import { Sinonimo } from 'src/app/wrappers/sinonimo';
 import { ProductoService } from 'src/app/services/producto.service';
 @Component({
   selector: 'app-popover-sinonimos',
   templateUrl: './popover-sinonimos.component.html',
   styleUrls: ['./popover-sinonimos.component.scss']
 })
 export class PopoverSinonimosComponent implements OnInit {
   //Directiva del popover, para poder cerrarlo desde este componente
   @Input() popover: PopoverDirective;
   @Input() popoverContent: Sinonimo[];
   @Output() productosPersonalizados = new EventEmitter<Producto[]>();
   // sinonimo: Sinonimo;
   private cantidadRestanteSinonimos: number[] = [];
   constructor(private productoService: ProductoService) { }
   ngOnInit() {
     this.popoverContent.forEach(sinonimo => {
       this.cantidadRestanteSinonimos.push(0);
       sinonimo.productos.forEach((producto, index) => {
-        if (producto.id === sinonimo.productoPadre) {
+        if (producto.cantidad) {
           sinonimo.productos.splice(index, 1);
           sinonimo.productos.splice(0, 0, producto);
-          producto.cantidad = sinonimo.cantidad;
         } else {
           producto.cantidad = 0;
         }
       })
     })
   }
   continuar() {
     //Si aún quedan articulos que agregar no deja continuar.
     for (let i = 0; i < this.cantidadRestanteSinonimos.length; i++) {
       if (this.cantidadRestanteSinonimos[i] > 0) return;
     }
     var productosAenviar: Producto[] = [];
     this.popoverContent.forEach(sinonimo => {
       sinonimo.productos.forEach(producto => {
         if (producto.cantidad > 0) {
           producto.idSinonimo = sinonimo.ID_SIN;
           productosAenviar.push(producto);
         }
       })
     })
     this.productosPersonalizados.emit(productosAenviar);
     this.popover.hide();
   }
   sumarCantidad(producto: Producto, i: number) {
     if (this.cantidadRestanteSinonimos[i] === 0) return;
     producto.cantidad++;
     this.cantidadRestanteSinonimos[i]--;
   }
   restarCantidad(producto: Producto, i: number) {
     if (this.cantidadRestanteSinonimos[i] === this.popoverContent[i].cantidad) return;
     if (producto.cantidad === 0) return;
     producto.cantidad--;
     this.cantidadRestanteSinonimos[i]++;
   }
 }