From bb4dd4483bac467f9c0aa56964924e8926d3c5dc Mon Sep 17 00:00:00 2001
From: mpuebla <mpuebla@focasoftware.com>
Date: Wed, 7 Aug 2019 11:29:53 -0300
Subject: [PATCH] Agregado efecto en tarjetas y navegacion hacia busqueda
 productos.

---
 src/app/inicio/inicio.component.html | 12 +++++++-----
 src/app/inicio/inicio.component.ts   |  7 ++++++-
 2 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/src/app/inicio/inicio.component.html b/src/app/inicio/inicio.component.html
index eb477df..3f645c1 100644
--- a/src/app/inicio/inicio.component.html
+++ b/src/app/inicio/inicio.component.html
@@ -1,4 +1,4 @@
-<div class="row m-0">
+<div class="row m-0 fade-in">
   <div class="col-10 p-0">
     <!-- TOP HEADER -->
     <app-header></app-header>
@@ -14,7 +14,7 @@
       <div class="col-md-5 d-flex align-items-end flex-column">
 
         <!-- PROMOCIONES -->
-        <div class="card bg-white border-0 shadow rounded w-100 mb-auto">
+        <div class="card card-effect bg-white border-0 shadow rounded w-100 mb-auto">
           <div class="card-body p-4">
             <p class="h3 card-title">Promociones</p>
             <p class="h5 card-text text-muted font-weight-light">Conozca las ofertas del momento.</p>
@@ -40,7 +40,7 @@
         </div>
 
         <!-- ORDENAR -->
-        <div class="card bg-white border-0 shadow rounded w-100 mt-4">
+        <div class="card card-effect bg-white border-0 shadow rounded w-100 mt-4">
           <div class="card-body p-4">
             <p class="h3 card-title">Ordenar</p>
             <p class="h5 card-text text-muted font-weight-light">Arme su pedido y solo pase a retirar.</p>
@@ -53,7 +53,7 @@
       <div class="col-md-7 d-flex align-items-end flex-column">
 
         <!-- CARGAR PRODUCTOS -->
-        <div class="card bg-white border-0 shadow rounded w-100 mb-auto">
+        <div class="card card-effect bg-white border-0 shadow rounded w-100 mb-auto">
           <div class="card-body p-4">
             <p class="h3 card-title">Cargar Productos</p>
             <p class="h5 card-text text-muted font-weight-light">
@@ -71,7 +71,9 @@
         </div>
 
         <!-- BUSCAR PRODUCTOS -->
-        <div class="card bg-white border-0 shadow rounded w-100 mt-4">
+        <div
+          (click)="goPage('busqueda-productos')"
+          class="card card-effect bg-white border-0 shadow rounded w-100 mt-4">
           <div class="card-body p-4">
             <p class="h3 card-title">Buscar Productos</p>
             <p class="h5 card-text text-muted font-weight-light">
diff --git a/src/app/inicio/inicio.component.ts b/src/app/inicio/inicio.component.ts
index 89d5b17..1e01dcc 100644
--- a/src/app/inicio/inicio.component.ts
+++ b/src/app/inicio/inicio.component.ts
@@ -1,4 +1,5 @@
 import { Component, OnInit } from '@angular/core';
+import { Router } from '@angular/router';
 
 @Component({
   selector: 'app-inicio',
@@ -7,9 +8,13 @@ import { Component, OnInit } from '@angular/core';
 })
 export class InicioComponent implements OnInit {
 
-  constructor() { }
+  constructor(private router: Router) { }
 
   ngOnInit() {
   }
 
+  private goPage(pageUrl) {
+    this.router.navigate([pageUrl]);
+  }
+
 }
-- 
1.9.1