Commit 4ae1292d7432c0e4596a0c8a54794ab7f5f68635

Authored by =
1 parent db0af85b13
Exists in master

Arreglos minimos

src/app/components/sidebar/sidebar.component.ts
1 import { Component, OnInit } from '@angular/core'; 1 import { Component, OnInit } from '@angular/core';
2 2
3 3
4 @Component({ 4 @Component({
5 selector: 'app-sidebar', 5 selector: 'app-sidebar',
6 templateUrl: './sidebar.component.html', 6 templateUrl: './sidebar.component.html',
7 styleUrls: ['./sidebar.component.scss'] 7 styleUrls: ['./sidebar.component.scss']
8 }) 8 })
9 export class SidebarComponent implements OnInit { 9 export class SidebarComponent implements OnInit {
10 10
11 private cont: number = 1; 11 private cont: number = 1;
12 private min: number = 1; 12 private min: number = 1;
13 private max: number = 50; 13 private max: number = 50;
14 private total: number = 0; 14 private total: number = 0;
15 15
16 private productos = [ 16 private productos = [
17 { 17 {
18 "id": 1, 18 "id": 1,
19 "desc": "Galletas Oreo", 19 "desc": "Galletas Oreo",
20 "cod": 225412, 20 "cod": 225412,
21 "precio": 15, 21 "precio": 15,
22 "img": "./assets/descarga.jpg", 22 "img": "./assets/descarga.jpg",
23 "cantidad": 1 23 "cantidad": 1
24 }, 24 },
25 { 25 {
26 "id": 2, 26 "id": 2,
27 "desc": "Coca cola 500ml", 27 "desc": "Coca cola 500ml",
28 "cod": 512632, 28 "cod": 512632,
29 "precio": 40, 29 "precio": 40,
30 "img": "./assets/descarga.jpg", 30 "img": "./assets/descarga.jpg",
31 "cantidad": 1 31 "cantidad": 1
32 }, 32 },
33 { 33 {
34 "id": 3, 34 "id": 3,
35 "desc": "Pancho grande", 35 "desc": "Pancho grande",
36 "cod": 775987, 36 "cod": 775987,
37 "precio": 45, 37 "precio": 45,
38 "img": "./assets/descarga.jpg", 38 "img": "./assets/descarga.jpg",
39 "cantidad": 1 39 "cantidad": 1
40 } 40 }
41 ]; 41 ];
42 42
43 constructor() { } 43 constructor() { }
44 44
45 ngOnInit() { 45 ngOnInit() {
46 46
47 this.getCantidadProductos(); 47 this.getCantidadProductos();
48 this.getTotal(); 48 this.getTotal();
49 49
50 } 50 }
51 51
52 getCantidadProductos() { 52 getCantidadProductos() {
53 var aux = 0; 53 var aux = 0;
54 for (let i = 0; i < this.productos.length; i++) { 54 for (let i = 0; i < this.productos.length; i++) {
55 ++aux; 55 ++aux;
56 } 56 }
57 return this.cont = aux; 57 return this.cont = aux;
58 } 58 }
59 59
60 getTotal() { 60 getTotal() {
61 61
62 let subTotal = 0; 62 let subTotal = 0;
63 for (let i = 0; i < this.productos.length; i++) { 63 for (let i = 0; i < this.productos.length; i++) {
64 subTotal = subTotal + (this.productos[i].precio * this.productos[i].cantidad); 64 subTotal = subTotal + (this.productos[i].precio * this.productos[i].cantidad);
65 } 65 }
66 console.log(subTotal); 66 console.log(subTotal);
67 return this.total = subTotal; 67 return this.total = subTotal;
68 } 68 }
69 69
70 public aumentarContador(index) { 70 public aumentarContador(index) {
71 71
72 ++this.cont; 72 ++this.cont;
73 for (let i = 0; i < this.productos.length; i++) { 73 for (let i = 0; i < this.productos.length; i++) {
74 if (i === index) { 74 if (i === index) {
75 this.total = this.total + this.productos[i].precio; 75 this.total = this.total + this.productos[i].precio;
76 return (this.productos[i].cantidad === this.max) ? 76 return (this.productos[i].cantidad === this.max) ?
77 this.productos[i].cantidad : ++this.productos[i].cantidad; 77 this.productos[i].cantidad : ++this.productos[i].cantidad;
78 78
79 } 79 }
80 } 80 }
81 } 81 }
82 82
83 decrementarContador(index) { 83 decrementarContador(index) {
84 84
85 for (let i = 0; i < this.productos.length; i++) { 85 for (let i = 0; i < this.productos.length; i++) {
86 if (i === index && this.productos[i].cantidad > 1) { 86 if (i === index && this.productos[i].cantidad > 1) {
87 --this.productos[i].cantidad; 87 --this.productos[i].cantidad;
88 --this.cont; 88 --this.cont;
89 break; 89 break;
90 } 90 }
91 } 91 }
92 92
93 this.getTotal() 93 this.getTotal()
94 } 94 }
95 95
96 setCantidadItems() { 96 setCantidadItems() {
97 97
98 this.cont = 0; 98 this.cont = 0;
99 for (let i = 0; i < this.productos.length; i++) { 99 for (let i = 0; i < this.productos.length; i++) {
100 this.cont += this.productos[i].cantidad; 100 this.cont += this.productos[i].cantidad;
101 } 101 }
102 } 102 }
103 103
104 deleteProducto(index) { 104 deleteProducto(index) {
105 105
106 for (let i = 0; i < this.productos.length; i++){ 106 for (let i = 0; i < this.productos.length; i++) {
107 if (i === index) { 107 if (i === index) {
108 this.cont -= this.productos[i].cantidad; 108 this.cont -= this.productos[i].cantidad;
109 //Elimina del total el precio de todo el item 109 //Elimina del total el precio de todo el item
110 this.total = this.total - (this.productos[i].precio * this.productos[i].cantidad); 110 this.total = this.total - (this.productos[i].precio * this.productos[i].cantidad);
111 this.productos.splice(i, 1); 111 this.productos.splice(i, 1);
112 return; 112 return;
113 } 113 }
114 } 114 }
115 } 115 }
116 116
117 clearCar(){ 117 clearCar() {
118 let arr = []; 118
119 this.productos = arr; 119 this.productos = [];
120 this.total = 0; 120 this.total = 0;
121 this.cont = 0; 121 this.cont = 0;
122 } 122 }
123
124 } 123 }
125 124