Add

Boton para eliminar articulo en el carrito en pantalla de seleccion de articulo

Add
Boton para eliminar articulo en el carrito en pantalla de seleccion de articulo
Marcelo Puebla
1 parent 5b653cdb33
Showing 3 changed files with 18 additions and 0 deletions Show diff stats
src/app/modules/seleccion-articulos/seleccion-articulos.component.html
src/app/modules/seleccion-articulos/seleccion-articulos.component.ts
src/styles.scss
@@ -177,6 +177,10 @@
                 *ngFor="let articulo of articuloService.carrito; let i = index;">
                 <div class="swing-in-top-fwd">
                   <img
+                    class="btn-effect icon-20 position-absolute right-0"
+                    src="assets/img/icono-cancelar-color.svg"
+                    (click)="deleteArticulo(i)">
+                  <img
                     draggable="false"
                     ondragstart="return false;"
                     (contextmenu)="false"
@@ -154,6 +154,12 @@ export class SeleccionArticulosComponent implements OnInit, OnDestroy {
       });
   }
  
+
+  deleteArticulo(index: number) {
+    this.articuloService.carrito.splice(index, 1);
+    this.articuloService.calcularTotal();
+  }
+
   increaseShow() {
     this.showQuantity += 100;
   }
@@ -50,6 +50,14 @@ p {
   transform: translateX(-50%);
 }
  
+.right-0 {
+  right: 0;
+}
+
+.left-0 {
+  left: 0;
+}
+
 .rotate-45 {
   transform: rotate(45deg);
 }
...	...	@@ -177,6 +177,10 @@
177	177	*ngFor="let articulo of articuloService.carrito; let i = index;">
178	178	<div class="swing-in-top-fwd">
179	179	<img
	180	+ class="btn-effect icon-20 position-absolute right-0"
	181	+ src="assets/img/icono-cancelar-color.svg"
	182	+ (click)="deleteArticulo(i)">
	183	+ <img
180	184	draggable="false"
181	185	ondragstart="return false;"
182	186	(contextmenu)="false"
...	...	@@ -154,6 +154,12 @@ export class SeleccionArticulosComponent implements OnInit, OnDestroy {
154	154	});
155	155	}
156	156
	157	+
	158	+ deleteArticulo(index: number) {
	159	+ this.articuloService.carrito.splice(index, 1);
	160	+ this.articuloService.calcularTotal();
	161	+ }
	162	+
157	163	increaseShow() {
158	164	this.showQuantity += 100;
159	165	}
...	...	@@ -50,6 +50,14 @@ p {
50	50	transform: translateX(-50%);
51	51	}
52	52
	53	+.right-0 {
	54	+ right: 0;
	55	+}
	56	+
	57	+.left-0 {
	58	+ left: 0;
	59	+}
	60	+
53	61	.rotate-45 {
54	62	transform: rotate(45deg);
55	63	}