sidebar.component.ts 1.91 KB
import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-sidebar',
  templateUrl: './sidebar.component.html',
  styleUrls: ['./sidebar.component.scss']
})
export class SidebarComponent implements OnInit {

  private cont: number = 1;
  private min: number = 1;
  private max: number =50;

  private productos = [
    {
      "id": 1,
      "desc": "Galletas Oreo",
      "cod": 225412,
      "precio": 15,
      "img": "./assets/descarga.jpg",
      "cantidad": 1
    },
    {
      "id": 2,
      "desc": "Coca cola 500ml",
      "cod": 512632,
      "precio": 40,
      "img": "./assets/descarga.jpg",
      "cantidad": 1
    },
    {
      "id": 3,
      "desc": "Pancho grande",
      "cod": 775987,
      "precio": 45,
      "img": "./assets/descarga.jpg",
      "cantidad": 1
    }
  ];

  constructor() { }

  ngOnInit() {
    this.getProductosCarrito();    
  }

  getProductosCarrito(){
    return this.productos;
    
  }

  public aumentarContador(cant){ 
    console.log("llego");
    for (const i of this.productos) {
      if (cant === this.max) {                
        return i.cantidad;
      } else{
        ++i.cantidad        
        return i.cantidad;
      }
    } 
    
    // if (this.cont === this.max) {
    //   this.cont;
    //   return this.cont;
    // } else {
    //   ++this.cont;
    //   return this.cont; 
    // }  
         
  } 
  aumentarContador2(index){
    for (let i = 0; i < this.productos.length; i++) 
      if (i === index) {
        for (const pr of this.productos) {
          
        }
      }         
  } 

  decrementarContador(){
    if (this.cont === this.min) {
      this.cont;
      return this.cont;
    } else {
      --this.cont;
      return this.cont;
    }
  }

  deleteProducto(index){
    for (let i = 0; i < this.productos.length; i++) 
      if (i === index) {
        this.productos.splice(i,1);  
        return this.productos ;   
      }      
      
  }
}