Mauricio Cattafi / autoservicio

Download as
Browse Code ยป

Commit bb4dd4483bac467f9c0aa56964924e8926d3c5dc

Authored by Marcelo Puebla
1 parent 0e18290652
Exists in master and in 1 other branch validar_pve

Agregado efecto en tarjetas y navegacion hacia busqueda productos.

Showing 2 changed files with 13 additions and 6 deletions   Show diff stats
src/app/inicio/inicio.component.html
Diff comments   View file @ bb4dd44
1   -<div class="row m-0">
  1 +<div class="row m-0 fade-in">
2 2 <div class="col-10 p-0">
3 3 <!-- TOP HEADER -->
4 4 <app-header></app-header>
... ... @@ -14,7 +14,7 @@
14 14 <div class="col-md-5 d-flex align-items-end flex-column">
15 15  
16 16 <!-- PROMOCIONES -->
17   - <div class="card bg-white border-0 shadow rounded w-100 mb-auto">
  17 + <div class="card card-effect bg-white border-0 shadow rounded w-100 mb-auto">
18 18 <div class="card-body p-4">
19 19 <p class="h3 card-title">Promociones</p>
20 20 <p class="h5 card-text text-muted font-weight-light">Conozca las ofertas del momento.</p>
... ... @@ -40,7 +40,7 @@
40 40 </div>
41 41  
42 42 <!-- ORDENAR -->
43   - <div class="card bg-white border-0 shadow rounded w-100 mt-4">
  43 + <div class="card card-effect bg-white border-0 shadow rounded w-100 mt-4">
44 44 <div class="card-body p-4">
45 45 <p class="h3 card-title">Ordenar</p>
46 46 <p class="h5 card-text text-muted font-weight-light">Arme su pedido y solo pase a retirar.</p>
... ... @@ -53,7 +53,7 @@
53 53 <div class="col-md-7 d-flex align-items-end flex-column">
54 54  
55 55 <!-- CARGAR PRODUCTOS -->
56   - <div class="card bg-white border-0 shadow rounded w-100 mb-auto">
  56 + <div class="card card-effect bg-white border-0 shadow rounded w-100 mb-auto">
57 57 <div class="card-body p-4">
58 58 <p class="h3 card-title">Cargar Productos</p>
59 59 <p class="h5 card-text text-muted font-weight-light">
... ... @@ -71,7 +71,9 @@
71 71 </div>
72 72  
73 73 <!-- BUSCAR PRODUCTOS -->
74   - <div class="card bg-white border-0 shadow rounded w-100 mt-4">
  74 + <div
  75 + (click)="goPage('busqueda-productos')"
  76 + class="card card-effect bg-white border-0 shadow rounded w-100 mt-4">
75 77 <div class="card-body p-4">
76 78 <p class="h3 card-title">Buscar Productos</p>
77 79 <p class="h5 card-text text-muted font-weight-light">
src/app/inicio/inicio.component.ts
Diff comments   View file @ bb4dd44
1 1 import { Component, OnInit } from '@angular/core';
  2 +import { Router } from '@angular/router';
2 3  
3 4 @Component({
4 5 selector: 'app-inicio',
... ... @@ -7,9 +8,13 @@ import { Component, OnInit } from &#39;@angular/core&#39;;
7 8 })
8 9 export class InicioComponent implements OnInit {
9 10  
10   - constructor() { }
  11 + constructor(private router: Router) { }
11 12  
12 13 ngOnInit() {
13 14 }
14 15  
  16 + private goPage(pageUrl) {
  17 + this.router.navigate([pageUrl]);
  18 + }
  19 +
15 20 }