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(); }