diff --git a/src/app/modules/carrito/carrito.component.html b/src/app/modules/carrito/carrito.component.html
index 01bf8fe..b2dca0e 100644
--- a/src/app/modules/carrito/carrito.component.html
+++ b/src/app/modules/carrito/carrito.component.html
@@ -53,7 +53,8 @@
ondragstart="return false;"
(contextmenu)="false"
class="d-block ml-auto py-2 icon-20 btn-effect"
- src="assets/img/menos-blanco.svg">
+ src="assets/img/menos-blanco.svg"
+ (click)="substractCant(articulo)">
@@ -66,7 +67,8 @@
ondragstart="return false;"
(contextmenu)="false"
class="d-block ml-auto py-2 icon-20 btn-effect"
- src="assets/img/mas-blanco.svg">
+ src="assets/img/mas-blanco.svg"
+ (click)="addCant(articulo)">
diff --git a/src/app/modules/carrito/carrito.component.ts b/src/app/modules/carrito/carrito.component.ts
index 62a40ae..4a9a2e9 100644
--- a/src/app/modules/carrito/carrito.component.ts
+++ b/src/app/modules/carrito/carrito.component.ts
@@ -3,6 +3,7 @@ import { Location } from '@angular/common';
import { ArticuloService } from 'src/app/services/articulo/articulo.service';
import { APP_SETTINGS } from 'src/etc/AppSettings';
import { trigger, state, style, transition, animate } from '@angular/animations';
+import { IArticulo } from 'src/app/interfaces/IArticulo';
@Component({
selector: 'app-carrito',
@@ -23,6 +24,7 @@ import { trigger, state, style, transition, animate } from '@angular/animations'
})
export class CarritoComponent implements OnInit {
urlImagenes = `${APP_SETTINGS.apiDeboSuite}/imagenes/`;
+ maxCantidad = 50;
constructor(
private location: Location,
@@ -35,6 +37,16 @@ export class CarritoComponent implements OnInit {
this.articuloService.carrito.splice(index, 1);
}
+ substractCant(articulo: IArticulo) {
+ if (articulo.cantidad === 1) return;
+ articulo.cantidad--;
+ }
+
+ addCant(articulo: IArticulo) {
+ if (articulo.cantidad >= this.maxCantidad) return;
+ articulo.cantidad++;
+ }
+
goBack() {
this.location.back();
}