Commit fd918561c57de9d1cb3c90fb57fe32c5bf6bdc2d
1 parent
4384b790cf
Exists in
master
and in
1 other branch
Funcion incrementar 2
Showing
1 changed file
with
2 additions
and
5 deletions
Show diff stats
src/app/sidebar/sidebar.component.ts
1 | import { Component, OnInit } from '@angular/core'; | 1 | import { Component, OnInit } from '@angular/core'; |
2 | import { timingSafeEqual } from 'crypto'; | 2 | import { timingSafeEqual } from 'crypto'; |
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 | this.getProductosCarrito(); | 46 | this.getProductosCarrito(); |
47 | this.getCantidadProductos(); | 47 | this.getCantidadProductos(); |
48 | this.getTotal(); | 48 | this.getTotal(); |
49 | } | 49 | } |
50 | 50 | ||
51 | getCantidadProductos(){ | 51 | getCantidadProductos(){ |
52 | var aux = 0; | 52 | var aux = 0; |
53 | for (let i = 0; i < this.productos.length; i++) { | 53 | for (let i = 0; i < this.productos.length; i++) { |
54 | ++aux; | 54 | ++aux; |
55 | } | 55 | } |
56 | return this.cont = aux; | 56 | return this.cont = aux; |
57 | 57 | ||
58 | } | 58 | } |
59 | 59 | ||
60 | getProductosCarrito() { | 60 | getProductosCarrito() { |
61 | return this.productos; | 61 | return this.productos; |
62 | } | 62 | } |
63 | 63 | ||
64 | getTotal(){ | 64 | getTotal(){ |
65 | var subTotal; | 65 | var subTotal; |
66 | for (const pr of this.productos) { | 66 | for (let i = 0; i < this.productos.length; i++) { |
67 | subTotal = pr.cantidad * pr.precio; | 67 | this.productos[i].cantidad; |
68 | } | 68 | } |
69 | this.total = this.total + subTotal; | ||
70 | this.total = this.total * this.cont; | ||
71 | return this.total; | ||
72 | } | 69 | } |
73 | 70 | ||
74 | public aumentarContador(index) { | 71 | public aumentarContador(index) { |
75 | ++this.cont; | 72 | ++this.cont; |
76 | for (let i = 0; i < this.productos.length; i++) { | 73 | for (let i = 0; i < this.productos.length; i++) { |
77 | if (i === index) { | 74 | if (i === index) { |
78 | return (this.productos[i].cantidad === this.max) ? | 75 | return (this.productos[i].cantidad === this.max) ? |
79 | this.productos[i].cantidad : ++this.productos[i].cantidad; | 76 | this.productos[i].cantidad : ++this.productos[i].cantidad; |
80 | 77 | ||
81 | } | 78 | } |
82 | } | 79 | } |
83 | } | 80 | } |
84 | 81 | ||
85 | decrementarContador(index) { | 82 | decrementarContador(index) { |
86 | --this.cont; | 83 | --this.cont; |
87 | for (let i = 0; i < this.productos.length; i++) { | 84 | for (let i = 0; i < this.productos.length; i++) { |
88 | if (i === index) { | 85 | if (i === index) { |
89 | return (this.productos[i].cantidad === this.min) ? | 86 | return (this.productos[i].cantidad === this.min) ? |
90 | this.productos[i].cantidad : --this.productos[i].cantidad; | 87 | this.productos[i].cantidad : --this.productos[i].cantidad; |
91 | } | 88 | } |
92 | } | 89 | } |
93 | } | 90 | } |
94 | 91 | ||
95 | deleteProducto(index) { | 92 | deleteProducto(index) { |
96 | --this.cont; | 93 | --this.cont; |
97 | for (let i = 0; i < this.productos.length; i++) | 94 | for (let i = 0; i < this.productos.length; i++) |
98 | if (i === index) { | 95 | if (i === index) { |
99 | this.productos.splice(i, 1); | 96 | this.productos.splice(i, 1); |
100 | return this.productos; | 97 | return this.productos; |
101 | } | 98 | } |
102 | 99 | ||
103 | } | 100 | } |
104 | } | 101 | } |
105 | 102 |