Marcelo Puebla / autoservicio-axion

Download as
Browse Code »

Commit 54e55eee475a1826eb1f8553f876b7273c6943fb

Authored by Marcelo Puebla
1 parent 7cd4da6e66
Exists in develop

Fix en modal promociones

Showing 2 changed files with 49 additions and 35 deletions   Show diff stats
src/app/shared/promocion/promocion.component.html
Diff comments   View file @ 54e55ee
1 <div class="modal-header bg-primary rounded-top"> 1 <div class="modal-header px-0 bg-primary rounded-top">
2 <div class="col-12"> 2 <div class="row mx-0 w-100 justify-content-between" *ngIf="articulosPromo.length">
3 <div class="row justify-content-between" *ngIf="articulosPromo.length"> 3 <div class="col-8">
4 <div> 4 <p class="h3 text-white">{{articulosPromo[0].DetArt}}</p>
5 <h3 class="ml-2 text-white mt-2">{{articulosPromo[0].DetArt}}</h3> 5 </div>
6 </div> 6 <div class="col-4 align-self-center">
7 <div> 7 <div
8 <div 8 class="row mx-0 justify-content-between bg-white badge-pill"
9 class="row mr-3 justify-content-between bg-white badge-pill" 9 (click)="elegirPromo(articulosPromo[0])">
10 (click)="elegirPromo(articulosPromo[0])"> 10 <div class="col px-0 align-self-center text-primary">
11 <div class="col px-0 align-self-center text-primary"> 11 <p class="font-weight-bold">{{articulosPromo[0].PreVen | currency}}</p>
12 <p class="font-weight-bold">{{articulosPromo[0].PreVen | currency}}</p> 12 </div>
13 </div> 13 <div class="col-3 px-0">
14 <div class="col-3 px-0"> 14 <img
15 <img 15 draggable="false"
16 draggable="false" 16 ondragstart="return false;"
17 ondragstart="return false;" 17 (contextmenu)="false"
18 (contextmenu)="false" 18 class="d-block ml-auto py-1 icon-30 mr-2 pt-2"
19 class="d-block ml-auto py-1 icon-30 mr-2 pt-2" 19 src="assets/img/ir-color.svg">
20 src="assets/img/ir-color.svg">
21 </div>
22 </div> 20 </div>
23 </div> 21 </div>
24 </div> 22 </div>
25 </div> 23 </div>
26 </div> 24 </div>
27 <div class="modal-body bg-primary rounded-bottom" *ngIf="articulosPromo.length"> 25 <div class="modal-body px-0 bg-primary rounded-bottom" *ngIf="articulosPromo.length">
28 <div class="row"> 26 <div class="row mx-0 w-100">
29 <div class="col-9"> 27 <div class="col-9">
30 <p class="text-white"><small>¿TE GUSTARÍA LLEVAR ESTE ARTÍCULO</small></p> 28 <p class="text-white"><small>¿TE GUSTARÍA LLEVAR ESTE ARTÍCULO</small></p>
31 <h1 class="text-white mb-4">en un combo?</h1> 29 <h1 class="text-white mb-4">en un combo?</h1>
30 </div>
31 <div class="col-3 rounded-circle">
32 <img
33 draggable="false"
34 ondragstart="return false;"
35 (contextmenu)="false"
36 src="{{urlImagenes}}{{articulosPromo[0].imagenes[0].imagen}}"
37 onerror="this.src='assets/img/image-not-found.jpg'"
38 class="card-img-top img-fluid rounded-circle">
39 </div>
40 </div>
41 <div class="row mx-0 lista-promociones scroll-y-visible">
42 <div class="col-12">
32 <div *ngFor="let promo of promociones"> 43 <div *ngFor="let promo of promociones">
33 <div class="mx-0 mb-2 bg-white badge-pill text-primary" (click)="elegirPromo(promo)"> 44 <div class="mx-0 mb-2 bg-white badge-pill text-primary" (click)="elegirPromo(promo)">
34 <div class="row mx-0 justify-content-between"> 45 <div class="d-flex">
35 <p class="text-truncate"><small>{{promo.DetArt}}</small></p> 46 <p class="text-truncate mr-auto my-auto"><small>{{promo.DetArt}}</small></p>
36 <p class="font-weight-bold">{{promo.PreVen | currency}}</p> 47 <p class="font-weight-bold my-auto pr-2">
48 <span>{{promo.PreVen | currency}}</span>
49 </p>
50 <img
51 draggable="false"
52 ondragstart="return false;"
53 (contextmenu)="false"
54 class="d-block icon-30 py-1"
55 src="assets/img/ir-color.svg">
37 </div> 56 </div>
38 </div> 57 </div>
39 </div> 58 </div>
40 </div> 59 </div>
41 <div class="col-3 rounded-circle">
src/app/shared/promocion/promocion.component.scss
Diff comments   View file @ 54e55ee
1 .lista-promociones {
2 min-height: auto;
3 max-height: 25vh;
4 }
5