From 8c68a0e91e8685f6f097abe2672cc7cb3c363c8d Mon Sep 17 00:00:00 2001
From: mpuebla <mpuebla@focasoftware.com>
Date: Thu, 12 Sep 2019 12:34:32 -0300
Subject: [PATCH] Agregadas animations..

---
 src/app/components/sidebar/sidebar.component.html |  3 ++-
 src/app/components/sidebar/sidebar.component.ts   | 14 +++++++++++++-
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/app/components/sidebar/sidebar.component.html b/src/app/components/sidebar/sidebar.component.html
index 5a483da..8d33b71 100644
--- a/src/app/components/sidebar/sidebar.component.html
+++ b/src/app/components/sidebar/sidebar.component.html
@@ -9,7 +9,8 @@
   <div class="overflow-scroll px-1 mb-1 w-100">
     <!-- PRODUCTOS CARRITO -->
     <div class="row m-0"
-        *ngFor="let producto of productosCarrito; let i = index">
+        *ngFor="let producto of productosCarrito; let i = index"
+        [@EnterLeave]="flyIn">
       <div class="col p-0 my-1 bg-white border-0 rounded-sm">
         <div class="row m-0">
           <div class="col-6 pl-1 pr-0 my-auto">
diff --git a/src/app/components/sidebar/sidebar.component.ts b/src/app/components/sidebar/sidebar.component.ts
index 06d1195..dad3496 100644
--- a/src/app/components/sidebar/sidebar.component.ts
+++ b/src/app/components/sidebar/sidebar.component.ts
@@ -3,11 +3,24 @@ import { Producto } from 'src/app/wrappers/producto';
 import { appSettings } from 'src/etc/AppSettings';
 import { ProductoService } from 'src/app/services/producto.service';
 import { Router } from '@angular/router';
+import { trigger, state, style, transition, animate } from '@angular/animations';
 
 @Component({
   selector: 'app-sidebar',
   templateUrl: './sidebar.component.html',
   styleUrls: ['./sidebar.component.scss'],
+  animations: [
+    trigger('EnterLeave', [
+      state('flyIn', style({ transform: 'translateX(0)' })),
+      transition(':enter', [
+        style({ transform: 'translateX(-100%)' }),
+        animate('0.3s ease-in')
+      ]),
+      transition(':leave', [
+        animate('0.3s ease-out', style({ transform: 'translateX(-100%)' }))
+      ])
+    ])
+  ]
 })
 export class SidebarComponent implements OnInit {
 
@@ -74,7 +87,6 @@ export class SidebarComponent implements OnInit {
     this.cantTotal -= producto.cantidad;
     this.total -= producto.PreVen * producto.cantidad;
     this.productosCarrito.splice(index, 1);
-    return;
   }
 
   personalizarPromo(producto: Producto, index) {
-- 
1.9.1