Mauricio Cattafi / autoservicio

Commit 5962f7dea6014988c2e8344066b3c3f669c3b013

Authored by Eric Fernandez 2019-09-04 11:48:24 -0300

Merge branch 'master' into 'master'

Master(mpuebla)

See merge request !72

Showing 6 changed files Show diff stats

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

Diff comments View file @ 5962f7d

 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 apiImagenes: string = appSettings.apiImagenes;
   @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.setProductos(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.setProductos(producto);
     this.productoService.productoAcargar = this.promoAcargar = this.productoAcargar = undefined;
+    this.productoService.esPromoPersonalizada = false;
     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.cantidad = 0;
           this.promoAcargar.productos.forEach(productoPromo => {
             sinonimo.productos.forEach(productoSinonimo => {
               if (productoSinonimo.id === productoPromo.id) {
                 productoSinonimo.cantidad = productoPromo.cantidad;
                 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.productoService.esPromoPersonalizada = false;
       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 @ 5962f7d

 <div class="card-body fade-left">
   <div class="row m-0">
     <div class="col text-left">
       <p class="h4 card-title">
         Personalice su pedido
       </p>
     </div>
   </div>
   <div class="row m-0 pr-2 my-2">
     <div class="col">
       <div class="row mb-2" *ngFor="let sinonimo of popoverContent; let i = index">
         <div class="col p-0">
-          <div class="row m-0">
+          <div class="row bg-white text-dark m-0 py-1 shadow">
             <div class="col text-left">
-              <p class="h5 card-title">
+              <p class="h5 m-0 card-title">
-                Elija opción - Cantidad Restante {{cantidadRestanteSinonimos[i]}}
+                Elija opción -
+                <span [ngClass]="
+                {
+                  'text-success': cantidadRestanteSinonimos == 0,
+                  'text-danger': cantidadRestanteSinonimos > 0
+                }">
+                  Cantidad Restante {{cantidadRestanteSinonimos}}
+                </span>
               </p>
             </div>
           </div>
           <div class="row m-0 popover-size overflow-scroll">
             <div class="col-12 p-0">
               <div class="row m-0 my-3 d-flex justify-content-between" *ngFor="let producto of sinonimo.productos">
                 <div class="col-7 p-0 h6 text-right">
                   <p class="m-0 font-weight-normal">
                     {{producto.DetArt}}
                   </p>
                 </div>
                 <div class="col-5 pr-0">
                   <div class="btn-group float-right my-auto" role="group">
                     <button
                       type="button"
                       class="btn btn-light my-auto border shadow"
                       (click)="sumarCantidad(producto, i)">
                       <i class="fa fa-plus" aria-hidden="true"></i>
                     </button>
                     <div class="bg-white border border-white px-3 py-1 my-auto text-dark h5">
                       <small
                         [ngClass]="{'font-weight-bold': producto.cantidad > 0}">
                         {{producto.cantidad}}
                       </small>
                     </div>
                     <button
                       type="button"
                       class="btn btn-light my-auto border shadow"
                       (click)="restarCantidad(producto, i)">
                       <i class="fa fa-minus" aria-hidden="true"></i>
                     </button>
                   </div>
                 </div>
               </div>
             </div>
           </div>
         </div>
       </div>
     </div>
   </div>
   <div class="row mt-3 justify-content-end">
     <div class="col">
       <button
         type="button"
         class="btn btn-block btn-light shadow"
         (click)="continuar()">
         <span class="font-weight-bold pr-2">Continuar</span>
         <i class="fa fa-check text-success" aria-hidden="true"></i>
       </button>
     </div>
   </div>
 </div>

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

Diff comments View file @ 5962f7d

 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[] = [];
+  private cantidadRestanteSinonimos: number = 0;
   constructor(private productoService: ProductoService) { }
   ngOnInit() {
     this.popoverContent.forEach(sinonimo => {
-      this.cantidadRestanteSinonimos.push(0);
       sinonimo.productos.forEach((producto, index) => {
-        if (producto.cantidad) {
+        if (this.productoService.esPromoPersonalizada) {
-          sinonimo.productos.splice(index, 1);
+          producto.cantidad = producto.cantidad ? producto.cantidad : 0;
-          sinonimo.productos.splice(0, 0, producto);
+          this.cantidadRestanteSinonimos = 0;
         } else {
+          this.cantidadRestanteSinonimos += producto.cantidad ? producto.cantidad : 0;
           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 > 0) return;
-      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;
+    if (this.cantidadRestanteSinonimos === 0) return;
     producto.cantidad++;
-    this.cantidadRestanteSinonimos[i]--;
+    this.cantidadRestanteSinonimos--;
   }
   restarCantidad(producto: Producto, i: number) {
-    if (this.cantidadRestanteSinonimos[i] === this.popoverContent[i].cantidad) return;
+    if (this.cantidadRestanteSinonimos === this.popoverContent[i].cantidad) return;
     if (producto.cantidad === 0) return;
     producto.cantidad--;
-    this.cantidadRestanteSinonimos[i]++;
+    this.cantidadRestanteSinonimos++;
   }
 }

src/app/components/sidebar/sidebar.component.html

Diff comments View file @ 5962f7d

1	<div class="disable-user-select d-flex align-items-center flex-column h-100 pt-2 text-center">	1	<div class="disable-user-select d-flex align-items-center flex-column h-100 pt-2 text-center">
2		2
3	<!-- ENCABEZADO -->	3	<!-- ENCABEZADO -->
4	<p class="h4 border-bottom border-white text-white mt-4 pb-2">	4	<p class="h4 border-bottom border-white text-white mt-4 pb-2">
5	Mi compra	5	Mi compra
6	<i class="fa fa-shopping-cart" aria-hidden="true"></i>	6	<i class="fa fa-shopping-cart" aria-hidden="true"></i>
7	</p>	7	</p>
8		8
9	<div class="overflow-auto overflow-scroll mb-2 w-100">	9	<div class="overflow-scroll px-1 mb-2 w-100">
10	<!-- PRODUCTOS CARRITO -->	10	<!-- PRODUCTOS CARRITO -->
11	<div	11	<div
12	class="slide-in-bl my-2 bg-white border-0 rounded-sm"	12	class="my-2 bg-white border-0 rounded-sm"
13	*ngFor="let producto of productosCarrito.slice().reverse(); let i = index">	13	*ngFor="let producto of productosCarrito.slice().reverse(); let i = index">
14	<img class="w-100 m-auto rounded-sm shadow" src="{{apiImagenes}}/imagenes/{{producto.imagenes[0].imagen}}">	14	<img class="w-100 m-auto rounded-sm shadow" src="{{apiImagenes}}/imagenes/{{producto.imagenes[0].imagen}}">
15	<div class="row m-0 p-0 px-1 py-1 shadow rounded-sm">	15	<div class="row m-0 p-0 px-1 py-1 shadow rounded-sm">
16	<div class="col-12 p-0 pt-2 text-left my-auto">	16	<div class="col-12 p-0 pt-2 text-left my-auto">
17	<p class="m-0 h6"><small>{{producto.DetArt}}</small></p>	17	<p class="m-0 h6"><small>{{producto.DetArt}}</small></p>
18	</div>	18	</div>
19	<div class="col-12 pr-1 text-right h6 my-auto ">	19	<div class="col-12 pr-1 text-right h6 my-auto ">
20	<p class="m-0">{{producto.PreVen \| currency}}</p>	20	<p class="m-0">{{producto.PreVen \| currency}}</p>
21	</div>	21	</div>
22	</div>	22	</div>
23		23
24	<!-- BOTONES -->	24	<!-- BOTONES -->
25	<div class="row m-0 d-flex justify-content-between">	25	<div class="row m-0 d-flex justify-content-between">
26		26
27	<!-- SUMAR - RESTAR CANTIDAD -->	27	<!-- SUMAR - RESTAR CANTIDAD -->
28	<div class="col-auto px-1 my-2">	28	<div class="col-auto px-1 my-2">
29	<div class="btn-group-sm btn-group float-left my-auto" role="group">	29	<div class="btn-group-sm btn-group float-left my-auto" role="group">
30	<button	30	<button
31	type="button"	31	type="button"
32	class="btn btn-light btn-sm my-auto border shadow"	32	class="btn btn-light btn-sm my-auto border shadow"
33	(click)="aumentarCantidad(producto)">	33	(click)="aumentarCantidad(producto)">
34	<i class="fa fa-plus" aria-hidden="true"></i>	34	<i class="fa fa-plus" aria-hidden="true"></i>
35	</button>	35	</button>
36	<div class="bg-white border border-white px-2 my-auto text-dark h5 shadow">	36	<div class="bg-white border border-white px-2 my-auto text-dark h5 shadow">
37	<small>{{producto.cantidad}}</small>	37	<small>{{producto.cantidad}}</small>
38	</div>	38	</div>
39	<button	39	<button
40	type="button"	40	type="button"
41	class="btn btn-light btn-sm my-auto border shadow"	41	class="btn btn-light btn-sm my-auto border shadow"
42	(click)="restarCantidad(producto)">	42	(click)="restarCantidad(producto)">
43	<i class="fa fa-minus" aria-hidden="true"></i>	43	<i class="fa fa-minus" aria-hidden="true"></i>
44	</button>	44	</button>
45	</div>	45	</div>
46	</div>	46	</div>
47		47
48	<!-- PERSONALIZAR -->	48	<!-- PERSONALIZAR -->
49	<div class="col-auto px-1 my-2">	49	<div class="col-auto px-1 my-2">
50	<button	50	<button
51	*ngIf="producto.tieneSinonimos"	51	*ngIf="producto.tieneSinonimos"
52	type="button"	52	type="button"
53	class="btn btn-light btn-sm my-auto float-left border shadow"	53	class="btn btn-light btn-sm my-auto float-left border shadow"
54	(click)="personalizarPromo(producto, i)">	54	(click)="personalizarPromo(producto, i)">
55	<i class="fa fa-refresh text-purple" aria-hidden="true"></i>	55	<i class="fa fa-refresh text-purple" aria-hidden="true"></i>
56	</button>	56	</button>
57	</div>	57	</div>
58		58
59	<!-- BORRAR -->	59	<!-- BORRAR -->
60	<div class="col-auto px-1 my-2">	60	<div class="col-auto px-1 my-2">
61	<button	61	<button
62	type="button"	62	type="button"
63	class="btn btn-secondary btn-sm my-auto shadow"	63	class="btn btn-secondary btn-sm my-auto shadow"
64	(click)="deleteProducto(producto, i)">	64	(click)="deleteProducto(producto, i)">
65	<i class="fa fa-trash" aria-hidden="true"></i>	65	<i class="fa fa-trash" aria-hidden="true"></i>
66	</button>	66	</button>
67	</div>	67	</div>
68	</div>	68	</div>
69	</div>	69	</div>
70	</div>	70	</div>
71		71
72	<!-- TOTAL -->	72	<!-- TOTAL -->
73	<div class="card rounded-top-sm mt-auto blue-gradient border-0">	73	<div class="card rounded-top-sm mt-auto blue-gradient border-0">
74	<div class="card-body row">	74	<div class="card-body row">
75	<div class="col-12">	75	<div class="col-12">
76	<p	76	<p
77	class="h4 border-bottom border-secondary text-secondary pb-2">	77	class="h4 border-bottom border-secondary text-secondary pb-2">
78	({{getCantidadProductos()}}) artículos	78	({{getCantidadProductos()}}) artículos
79	</p>	79	</p>
80	<p class="h3 text-secondary">Total</p>	80	<p class="h3 text-secondary">Total</p>
81	<p class="h3 font-weight-bold">{{getTotal() \| currency}}</p>	81	<p class="h3 font-weight-bold">{{getTotal() \| currency}}</p>
82	</div>	82	</div>
83	<div class="col-12">	83	<div class="col-12">
84	<button	84	<button
85	*ngIf="getCantidadProductos() > 0"	85	*ngIf="getCantidadProductos() > 0"
86	type="button"	86	type="button"
87	class="btn btn-block btn-light btn-lg shadow mb-2 p-1"	87	class="btn btn-block btn-light btn-lg shadow mb-2 p-1"
88	routerLink="/confirmacion-carrito">	88	routerLink="/confirmacion-carrito">
89	<span class="font-weight-bold pr-1">Finalizar y Pagar</span>	89	<span class="font-weight-bold pr-1">Finalizar y Pagar</span>
90	<i class="fa fa-check text-success" aria-hidden="true"></i>	90	<i class="fa fa-check text-success" aria-hidden="true"></i>
91	</button>	91	</button>
92	<button	92	<button
93	type="button"	93	type="button"
94	class="btn btn-block btn-light shadow btn-sm shadow"	94	class="btn btn-block btn-light shadow btn-sm shadow"
95	[routerLink]="['/cancelar-compra']">	95	[routerLink]="['/cancelar-compra']">
96	<span class="pr-1">Cancelar</span>	96	<span class="pr-1">Cancelar</span>
97	<i class="fa fa-times text-danger" aria-hidden="true"></i>	97	<i class="fa fa-times text-danger" aria-hidden="true"></i>
98	</button>	98	</button>
99	</div>	99	</div>
100	</div>	100	</div>
101	</div>	101	</div>
102	</div>	102	</div>
103		103

src/app/components/sidebar/sidebar.component.ts

Diff comments View file @ 5962f7d

 import { Component, OnInit } from '@angular/core';
 import { Producto } from 'src/app/wrappers/producto';
 import { appSettings } from 'src/etc/AppSettings';
 import { ProductoService } from 'src/app/services/producto.service';
 import { Router } from '@angular/router';
 @Component({
   selector: 'app-sidebar',
   templateUrl: './sidebar.component.html',
   styleUrls: ['./sidebar.component.scss'],
 })
 export class SidebarComponent implements OnInit {
   private cantTotal: number = 0;
   private cantMin: number = 1;
   private cantMax: number = 50;
   private total: number = 0;
   private apiImagenes: string = appSettings.apiImagenes;
   public productosCarrito: Producto[] = [];
   constructor(
     private productoService: ProductoService,
     private router: Router) {
     this.router.routeReuseStrategy.shouldReuseRoute = function () {
       return false;
     }
   }
   ngOnInit() {
     this.productosCarrito = this.productoService.productos;
   }
   getCantidadProductos() {
     var cantTotalAux = 0;
     this.productosCarrito.forEach(producto => {
       cantTotalAux += producto.cantidad;
     });
     this.cantTotal = cantTotalAux;
     return this.cantTotal;
   }
   getTotal() {
     var subTotal = 0;
     for (let i = 0; i < this.productosCarrito.length; i++) {
       subTotal = subTotal + (this.productosCarrito[i].PreVen * this.productosCarrito[i].cantidad);
     }
     return this.total = subTotal;
   }
   aumentarCantidad(producto: Producto) {
     if (producto.cantidad < this.cantMax) {
       producto.cantidad++;
       this.cantTotal++
     }
   }
   restarCantidad(producto: Producto) {
     if (producto.cantidad > this.cantMin) {
       producto.cantidad--;
       this.cantTotal--;
     }
   }
   deleteProducto(producto: Producto, index: number) {
     this.cantTotal -= producto.cantidad;
     this.total -= producto.PreVen * producto.cantidad;
     this.productosCarrito.reverse().splice(index, 1);
     return;
   }
   personalizarPromo(producto: Producto, index) {
     this.productoService.productoAcargar = producto;
+    this.productoService.esPromoPersonalizada = true;
     this.deleteProducto(producto, index);
     this.router.navigate(['inicio']);
   }
 }

src/app/services/producto.service.ts

Diff comments View file @ 5962f7d

 import { Injectable } from '@angular/core';
 import { HttpClient } from '@angular/common/http';
 import { Observable } from 'rxjs';
 import { appSettings } from 'src/etc/AppSettings';
 import { Producto } from '../wrappers/producto';
 @Injectable({
   providedIn: 'root'
 })
 export class ProductoService {
   productos: Producto[] = [];
   productoAcargar: Producto;
   promoAcargar: Producto;
   mostrar: string;
+  esPromoPersonalizada: boolean = false;
   constructor(private http: HttpClient) { }
   getProductoById(id): Observable<any> {
     return this.http.get(`${appSettings.apiUrl}/articulos/${id}`);
   }
   getAll(): Observable<any> {
     return this.http.get(`${appSettings.apiUrl}/articulos/`);
   }
   getAllWithPaginator(page: number = 1): Observable<any> {
     return this.http.get(`${appSettings.apiUrl}/articulos/${page}`);
   }
   setProductos(producto: Producto) {
     for (let i = 0; i < this.productos.length; i++) {
       if (this.productos[i].id === producto.id) {
         if (producto.PRO) {
           if (this.promosIdenticas(this.productos[i], producto)) {
             this.productos[i].cantidad++;
             return;
           } else {
             break;
           }
         }
         this.productos[i].cantidad++;
         return;
       }
     }
     this.productos.push(producto);
   }
   getPromocionByCodigos(sector, codigo): Observable<any> {
     var url = `${appSettings.apiUrl}/promociones/by-codigos/${sector}/${codigo}`;
     // var url = `${appSettings.apiUrl}/promociones/by-codigos/${2}/${7}`;
     return this.http.get(url);
   }
   getPromociones(sector, codigo): Observable<any> {
     var url = `${appSettings.apiUrl}/promociones/incluir-articulo/${sector}/${codigo}`;
     // var url = `${appSettings.apiUrl}/promociones/incluir-articulo/${2}/${1306}`;
     return this.http.get(url);
   }
   getPromocionSinonimos(sector, codigo): Observable<any> {
     var url = `${appSettings.apiUrl}/sinonimos/promo/${sector}/${codigo}`;
     // var url = `${appSettings.apiUrl}/sinonimos/promo/${2}/${7}`;
     return this.http.get(url);
   }
   getCategorias() {
     return this.http.get(`${appSettings.apiUrl}/categorias`);
   }
   pagar(medioPago: string) {
     return this.http.post(`${appSettings.apiUrl}/comprobante/guardar/${medioPago}`, {
       productos: this.productos
     });
   }
   private promosIdenticas(promoEnCarrito: Producto, promo: Producto) {
     var sonIdenticas = true;
     var productosPromoCarrito = promoEnCarrito.productos;
     var productosPromoAcargar = promo.productos;
     if (productosPromoCarrito.length !== productosPromoAcargar.length) {
       return false;
     }
     for (let i = 0; i < productosPromoCarrito.length; i++) {
       if (productosPromoCarrito[i].id !== productosPromoAcargar[i].id) {
         return false;
       }
     }
     return sonIdenticas;
   }
 }