Marcelo Puebla / autoservicio-axion

Download as
Browse Code »

Commit ae093e9b0133bf06bd6a9d9a4134b1737704650a

Authored by Marcelo Puebla
2 parents d9fcd2be65 7997e6b456
Exists in develop

Merge branch 'develop' into 'develop' 

Develop

See merge request !29
Showing 3 changed files   Show diff stats
src/app/modules/seleccion-articulos/seleccion-articulos.component.html
Diff comments   View file @ ae093e9
... ... @@ -56,7 +56,8 @@
56 56 ondragstart="return false;"
57 57 (contextmenu)="false"
58 58 class="col-12 h-50 align-self-end d-none d-sm-block rounded-circle"
59   - src="{{urlImagenes}}{{categoria.path_imagen}}">
  59 + src="{{urlImagenes}}{{categoria.path_imagen}}"
  60 + onerror="this.src='assets/img/image-not-found.jpg'">
60 61 <small class="col-12 px-0 my-1 h-25 align-self-end text-center text-truncate">{{categoria.detalle}}</small>
61 62 </div>
62 63 </div>
... ... @@ -81,9 +82,6 @@
81 82 class="col px-2 my-1 my-md-3 h-auto"
82 83 *ngFor="let articulo of auxArticulos | slice:0:showQuantity;">
83 84 <div class="swing-in-top-fwd card h-auto">
84   - <div *ngIf="articulo.PRO">
85   - <i class="fas fa-piggy-bank"></i>
86   - </div>
87 85 <img
88 86 draggable="false"
89 87 ondragstart="return false;"
... ... @@ -92,14 +90,18 @@
92 90 onerror="this.src='assets/img/image-not-found.jpg'"
93 91 class="card-img-top h-55 rounded-sm">
94 92 <div class="row mx-0 py-1 h-auto justify-content-center">
95   - <p class="col-12 px-1 h6 h-auto text-primary text-center min-h-60">{{articulo.DetArt}}</p>
  93 + <p
  94 + [ngClass]="{'text-primary': articulo.PRO, 'text-secondary': !articulo.PRO}"
  95 + class="col-12 px-1 h6 h-auto text-center min-h-60">
  96 + {{articulo.DetArt}}
  97 + </p>
96 98 <p class="col-12 px-1 h-auto text-center line-height-sm min-h-50">
97 99 <small>{{articulo.DET_LAR}}</small>
98 100 </p>
99 101 <div class="col-12 px-1 align-self-end btn-effect h-auto">
100 102 <div
101   - [ngClass]="{'bg-secondary': articulo.PRO}"
102   - class="row mx-0 justify-content-between bg-primary badge-pill"
  103 + [ngClass]="{'bg-primary': articulo.PRO, 'bg-secondary': !articulo.PRO}"
  104 + class="row mx-0 justify-content-between badge-pill"
103 105 (click)="elegirArticulo(articulo)">
104 106 <div class="col px-0 align-self-center text-white text-right">
105 107 {{articulo.PreVen | currency}}
src/app/shared/promocion/promocion.component.html
Diff comments   View file @ ae093e9
1   -<div class="modal-header bg-primary rounded-top">
2   - <div class="col-12">
3   - <div class="row justify-content-between" *ngIf="articulosPromo.length">
4   - <div>
5   - <h3 class="ml-2 text-white mt-2">{{articulosPromo[0].DetArt}}</h3>
6   - </div>
7   - <div>
8   - <div
9   - class="row mr-3 justify-content-between bg-white badge-pill"
10   - (click)="elegirPromo(articulosPromo[0])">
11   - <div class="col px-0 align-self-center text-primary">
12   - <p class="font-weight-bold">{{articulosPromo[0].PreVen | currency}}</p>
13   - </div>
14   - <div class="col-3 px-0">
15   - <img
16   - draggable="false"
17   - ondragstart="return false;"
18   - (contextmenu)="false"
19   - class="d-block ml-auto py-1 icon-30 mr-2 pt-2"
20   - src="assets/img/ir-color.svg">
21   - </div>
  1 +<div class="modal-header px-0 bg-primary rounded-top">
  2 + <div class="row mx-0 w-100 justify-content-between" *ngIf="articulosPromo.length">
  3 + <div class="col-8">
  4 + <p class="h3 text-white">{{articulosPromo[0].DetArt}}</p>
  5 + </div>
  6 + <div class="col-4 align-self-center">
  7 + <div
  8 + class="row mx-0 justify-content-between bg-white badge-pill"
  9 + (click)="elegirPromo(articulosPromo[0])">
  10 + <div class="col px-0 align-self-center text-primary">
  11 + <p class="font-weight-bold">{{articulosPromo[0].PreVen | currency}}</p>
  12 + </div>
  13 + <div class="col-3 px-0">
  14 + <img
  15 + draggable="false"
  16 + ondragstart="return false;"
  17 + (contextmenu)="false"
  18 + class="d-block ml-auto py-1 icon-30 mr-2 pt-2"
  19 + src="assets/img/ir-color.svg">
22 20 </div>
23 21 </div>
24 22 </div>
25 23 </div>
26 24 </div>
27   -<div class="modal-body bg-primary rounded-bottom" *ngIf="articulosPromo.length">
28   - <div class="row">
  25 +<div class="modal-body px-0 bg-primary rounded-bottom" *ngIf="articulosPromo.length">
  26 + <div class="row mx-0 w-100">
29 27 <div class="col-9">
30 28 <p class="text-white"><small>¿TE GUSTARÍA LLEVAR ESTE ARTÍCULO</small></p>
31 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 43 <div *ngFor="let promo of promociones">
33 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">
35   - <p class="text-truncate"><small>{{promo.DetArt}}</small></p>
36   - <p class="font-weight-bold">{{promo.PreVen | currency}}</p>
  45 + <div class="d-flex">
  46 + <p class="text-truncate mr-auto my-auto"><small>{{promo.DetArt}}</small></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 56 </div>
38 57 </div>
39 58 </div>
40 59 </div>
41   - <div class="col-3 rounded-circle">
42   - <img
43   - draggable="false"
44   - ondragstart="return false;"
45   - (contextmenu)="false"
46   - src="{{urlImagenes}}{{articulosPromo[0].imagenes[0].imagen}}"
47   - onerror="this.src='assets/img/image-not-found.jpg'"
48   - class="card-img-top img-fluid rounded-circle">
49   - </div>
50 60 </div>
51 61 </div>
src/app/shared/promocion/promocion.component.scss
Diff comments   View file @ ae093e9
... ... @@ -0,0 +1,4 @@
  1 +.lista-promociones {
  2 + min-height: auto;
  3 + max-height: 25vh;
  4 +}