Martin Macola / autoservicio

Download as
Browse Code ยป

Commit 124b07247e7b9526f5c36d077ff01cc183f22190

Authored by Marcelo Puebla
1 parent 9d908da37d
Exists in master

Cambio de imagenes, logica para mostrar popoover de promos.

Showing 1 changed file with 34 additions and 7 deletions   Show diff stats
src/app/components/inicio/inicio.component.html
Diff comments   View file @ 124b072
... ... @@ -27,13 +27,13 @@
27 27 <div id="carouselIndicators" class="carousel slide" data-ride="carousel">
28 28 <div class="carousel-inner">
29 29 <div class="carousel-item active">
30   - <img src="{{apiUrl}}/imagenes/cafe.jpg" class="d-block w-100 m-auto rounded">
  30 + <img src="{{apiUrl}}/imagenes/testImg.jpg" class="d-block w-100 m-auto rounded">
31 31 </div>
32 32 <div class="carousel-item">
33   - <img src="{{apiUrl}}/imagenes/cafe.jpg" class="d-block w-100 m-auto rounded">
  33 + <img src="{{apiUrl}}/imagenes/testImg.jpg" class="d-block w-100 m-auto rounded">
34 34 </div>
35 35 <div class="carousel-item">
36   - <img src="{{apiUrl}}/imagenes/cafe.jpg" class="d-block w-100 m-auto rounded">
  36 + <img src="{{apiUrl}}/imagenes/testImg.jpg" class="d-block w-100 m-auto rounded">
37 37 </div>
38 38 </div>
39 39 </div>
... ... @@ -62,11 +62,13 @@
62 62  
63 63 <!-- CARGAR PRODUCTOS -->
64 64 <ng-template #popTemplate>
65   - <app-popover
  65 + <app-popover-promos
  66 + *ngIf="productoAcargar && !productoEsPromo"
66 67 [popover]="popoverDirective"
67 68 [popoverContent]="popoverContent"
  69 + (promoSeleccionada)="promoSeleccionada($event)"
68 70 class="fade-in text-white rounded-sm border-0">
69   - </app-popover>
  71 + </app-popover-promos>
70 72 </ng-template>
71 73 <div
72 74 placement="left"
... ... @@ -91,14 +93,17 @@
91 93 </div>
92 94 <div class="row m-4">
93 95 <div class="col card bg-white shadow border-0 w-75 p-0 mx-auto rounded-sm">
  96 + <!-- IMAGEN DE ESCANER -->
94 97 <img
95 98 *ngIf="!productoAcargar"
96 99 class="card-img-top d-block w-100 mx-auto rounded-sm"
97 100 src="{{apiUrl}}/imagenes/escanner.jpg">
98   - <div *ngIf="productoAcargar">
  101 +
  102 + <!-- PRODUCTO A CARGAR -->
  103 + <div class="fade-in m-0" *ngIf="productoAcargar && !productoEsPromo">
99 104 <img
100 105 class="card-img-top d-block w-100 mx-auto rounded-sm"
101   - src="{{apiUrl}}/imagenes/cafe.jpg">
  106 + src="{{apiUrl}}/imagenes/testImg.jpg">
102 107  
103 108 <div class="row justify-content-between m-3">
104 109 <div class="col-auto text-left px-1">
... ... @@ -110,6 +115,28 @@
110 115 </div>
111 116 </div>
112 117 </div>
  118 +
  119 + <!-- PROMO A CARGAR -->
  120 + <div class="fade-in m-0" *ngIf="promoAcargar && productoEsPromo">
  121 + <img
  122 + class="card-img-top d-block w-100 mx-auto rounded-sm"
  123 + src="{{apiUrl}}/imagenes/testImg.jpg">
  124 +
  125 + <div class="row justify-content-between m-3">
  126 + <div class="col-12 text-left px-1">
  127 + <p class="h6 font-weight-bold mb-0">{{promoAcargar.nombrePromo}}</p>
  128 + <p
  129 + class="h6 mb-0"
  130 + *ngFor="let producto of promoAcargar.productos">
  131 + {{producto.DetArt}}
  132 + </p>
  133 + </div>
  134 + <div class="col-12 text-right mt-2 align-self-end">
  135 + <p class="h5 font-weight-bold mb-0">{{productoAcargar.PreVen | currency}}</p>
  136 + </div>
  137 + </div>
  138 + </div>
  139 +
113 140 </div>
114 141 <!-- BOTONES -->
115 142 <div